feat: move project

pages/usercenter/index.less

@@ -0,0 +1,173 @@
+page {
+    background-color: #f5f5f5;
+}
+
+.header {
+    background-color: linear-gradient(180deg, #f0f4fc, #fff);
+    position: relative;
+
+    background-color: rgba(255, 255, 255, 0.8);
+    box-sizing: border-box;
+    width: 90%;
+    margin: 0 auto;
+    margin-top: -300rpx;
+    border-radius: 10rpx;
+    margin-bottom: 20rpx;
+}
+
+.header .info {
+    background-color: transparent;
+}
+
+.header .info::after {
+    display: none;
+}
+
+.header .avatar {
+    width: 96rpx;
+    height: 96rpx;
+    border-radius: 50%;
+    overflow: hidden;
+}
+
+.cb {
+    top: 10rpx;
+    right: 100rpx;
+    height: 530rpx;
+    width: 750rpx;
+    background: url('http://cdn.zhonganonline.top/newslist/static/bg_take.jpeg?v=5') no-repeat;
+    background-position: center center;
+    background-size: 100% 100%;
+    z-index: 1;
+}
+
+.vip {
+    background: linear-gradient(90deg, #f9e9bc, #f2d786);
+    border-radius: 20rpx;
+    height: 154rpx;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 40rpx;
+    width: 94%;
+    margin: 0 auto;
+    box-sizing: border-box;
+}
+
+.vip .dest .a {
+    color: #775d2f;
+    font-size: 30rpx;
+}
+
+.vip .dest .b {
+    color: #775d2f;
+    opacity: 0.8;
+    font-size: 22rpx;
+}
+
+.vip .btn {
+    background-color: #fff;
+    color: #775d2f;
+    font-size: 24rpx;
+    height: 68rpx;
+    width: 164rpx;
+    border-radius: 34rpx;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.title_bar {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-top: 32rpx;
+    width: 92%;
+    margin: 0 auto;
+}
+
+.title_bar .title {
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    background-position: left center;
+    background-size: 100% 100%;
+    font-size: 32rpx;
+    color: rgb(53, 58, 71);
+    height: 34rpx;
+    width: 132rpx;
+}
+
+.title_bar .btn {
+    color: #f09759;
+    font-size: 28rpx;
+    display: flex;
+    align-items: center;
+    background-color: #fff8e9;
+    padding: 10rpx 20rpx;
+    border-radius: 6rpx;
+}
+
+.title_bar .btn .t-icon {
+    margin-right: 4rpx;
+}
+
+.ma20 {
+    height: 20rpx;
+    background-color: #f5f5f5;
+    width: 100%;
+}
+
+.cards_w {
+    background-color: #fff;
+    width: 94%;
+    border-radius: 6rpx;
+    margin: 0 auto;
+}
+
+.cards_w .cards {
+    display: flex;
+    justify-content: space-between;
+    padding: 30rpx 0;
+}
+
+.cards_w .cards .card {
+    width: 28%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    background: none;
+    font-size: 0;
+    line-height: 24rpx;
+
+    &::after {
+        display: none;
+    }
+}
+
+.cards_w .cards .card .txt {
+    padding-top: 12rpx;
+    font-size: 24rpx;
+    color: #333;
+}
+
+.cards_w .cards .card .txt2 {
+    padding-top: 12rpx;
+    font-size: 32rpx;
+    font-weight: bold;
+    color: #333;
+}
+
+.cards_w .cards .card.hide {
+    opacity: 0;
+    pointer-events: none;
+}
+
+.link {
+    display: flex;
+    justify-content: space-between;
+    padding: 30rpx 0;
+    width: 50%;
+    margin: 0 auto;
+    background-color: #fff;
+    border-radius: 6rpx;
+}