锶源昆仑会员+体验官

pages/account/index/index.wxss

@@ -0,0 +1,171 @@
+page {
+    padding: 30rpx;
+    box-sizing: border-box;
+}
+
+.cashBack {
+    width: 100%;
+    border-radius: 10rpx;
+    padding-top: 50%;
+    position: relative;
+    overflow: hidden;
+    box-shadow: 0 4rpx 10rpx 6rpx #f5d473;
+}
+
+.cashBack-img {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+}
+
+.cashBack-text {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    z-index: 9;
+    padding: 40rpx;
+    box-sizing: border-box;
+}
+
+.cashBack-total {
+    margin-bottom: 40rpx;
+    font-size: 30rpx;
+    position: relative;
+}
+
+.cashBack-total text {
+    display: block;
+    font-size: 56rpx;
+    margin-top: 10rpx;
+    font-weight: 600;
+}
+
+.cashBack-btn {
+    position: absolute;
+    top: 20rpx;
+    right: 0;
+    background-color: #000000;
+    color: #ffffff;
+    border-radius: 70rpx;
+    line-height: 80rpx;
+    padding: 0 35rpx;
+}
+
+.cashBack-top {
+    margin-bottom: 30rpx;
+    display: flex;
+}
+
+.cashBack-item {
+    flex: 2;
+    font-size: 30rpx;
+}
+
+.cashBack-item text {
+    display: block;
+    font-weight: 600;
+    font-size: 42rpx;
+    margin-top: 10rpx;
+}
+
+.record {
+    margin-top: 30rpx;
+}
+
+.title {
+    display: flex;
+    font-size: 34rpx;
+}
+
+.title text {
+    display: block;
+    flex: 2;
+    text-align: center;
+    line-height: 90rpx;
+    color: #9d9d9d;
+    position: relative;
+}
+
+.title text::after {
+    position: absolute;
+    content: '';
+    left: calc(50% - 25rpx);
+    bottom: 0;
+    width: 50rpx;
+    height: 6rpx;
+    background-color: #000000;
+    display: none;
+}
+
+.title text.active {
+    color: #000000;
+}
+
+.title text.active::after {
+    display: block;
+}
+
+.list {
+    margin-top: 40rpx;
+}
+
+.item {
+    margin-bottom: 30rpx;
+    padding-bottom: 30rpx;
+    border-bottom: 2rpx solid #f2f2f2;
+    display: flex;
+}
+
+.top {
+    flex: 1;
+}
+
+.name {
+    margin-bottom: 10rpx;
+    display: flex;
+}
+
+.state {
+    font-size: 26rpx;
+    border: 2rpx solid green;
+    color: green;
+    border-radius: 10rpx;
+    margin-left: 20rpx;
+    padding: 0 10rpx;
+    height: 36rpx;
+    line-height: 36rpx;
+    margin-top: 2rpx;
+}
+
+.state.red {
+    color: red;
+    border-color: red;
+}
+
+.time {
+    font-size: 26rpx;
+    color: #9d9d9d;
+}
+
+.number {
+    line-height: 92rpx;
+    text-align: right;
+    font-size: 34rpx;
+    font-weight: 600;
+}
+
+.pages-no {
+    text-align: center;
+    padding: 180rpx 0 30rpx;
+    color: #9d9d9d;
+    font-size: 28rpx;
+}
+
+.pages-no image {
+    width: 180rpx;
+    padding-bottom: 20rpx;
+}