diff --git a/yudao-ui-app/pages.json b/yudao-ui-app/pages.json index e5f6ffa06..16dba73b2 100644 --- a/yudao-ui-app/pages.json +++ b/yudao-ui-app/pages.json @@ -11,9 +11,9 @@ } }, { - "path": "pages/member_loding/index", + "path": "pages/member_rule/index", "style": { - "navigationBarTitleText": "会员" + "navigationBarTitleText": "充值规则" } },{ "path": "pages/notice/index", diff --git a/yudao-ui-app/pages/member_application/index.vue b/yudao-ui-app/pages/member_application/index.vue index 9b56e030b..63d944da1 100644 --- a/yudao-ui-app/pages/member_application/index.vue +++ b/yudao-ui-app/pages/member_application/index.vue @@ -28,13 +28,14 @@ - - - - - 开通立享大额话费返送。 - + + + + 查看充值注意事项! + 点击右侧按钮 + + 查看 @@ -127,6 +128,11 @@ } }, methods: { + handleRule(){ + uni.navigateTo({ + url:'/pages/member_rule/index' + }) + }, handleOther(){ uni.navigateTo({ url:'/pages/member_others/index' @@ -439,7 +445,7 @@ justify-content: center; &::before { - content: '特权详情'; + content: '注意事项'; position: absolute; font-size: 34rpx; font-family: Adobe Heiti Std; @@ -452,34 +458,58 @@ } .privilege-list { - margin: 54rpx 10rpx 10rpx 10rpx; + width: 100%; + margin: 54rpx 30rpx 20rpx 30rpx; + height: 109rpx; + background: #FFFFFF; + border-radius: 20rpx; display: flex; + align-items: center; justify-content: space-between; + padding: 0 20rpx; - .privilege-item { + .privilege-left { display: flex; - flex-direction: column; align-items: center; justify-content: space-between; - background: #fff; - padding: 6rpx 16rpx; border-radius: 20rpx; - margin: 0 10rpx; image { - width: 96rpx; - height: 96rpx; - border-radius: 50%; - margin-bottom: 15rpx; + width: 68rpx; + height: 64rpx; + margin-right: 12rpx; } .privilege-text { - color: #000000; - line-height: 36rpx; - text-align: center; - font-size: 26rpx; + display: flex; + flex-direction: column; + text:nth-child(1){ + font-size: 30rpx; + font-family: PingFang SC; + font-weight: 400; + color: #000000; + } + text:nth-child(2){ + font-size: 24rpx; + font-family: PingFang SC; + font-weight: 400; + color: #FB394B; + } } } + .privilege-right{ + background-image: url("../../static/images/others-button.png"); + background-size: 144rpx 64rpx; + font-size: 28rpx; + font-family: PingFang SC; + font-weight: 400; + color: #FFFFFF; + width: 144rpx; + height: 64rpx; + display: flex; + align-items: center; + justify-content: center; + } } } diff --git a/yudao-ui-app/pages/member_loding/index.vue b/yudao-ui-app/pages/member_loding/index.vue deleted file mode 100644 index b57723d69..000000000 --- a/yudao-ui-app/pages/member_loding/index.vue +++ /dev/null @@ -1,52 +0,0 @@ - - - - - diff --git a/yudao-ui-app/pages/member_rule/index.vue b/yudao-ui-app/pages/member_rule/index.vue new file mode 100644 index 000000000..61c1a89f8 --- /dev/null +++ b/yudao-ui-app/pages/member_rule/index.vue @@ -0,0 +1,34 @@ + + + + + diff --git a/yudao-ui-app/static/images/money_look.png b/yudao-ui-app/static/images/money_look.png new file mode 100644 index 000000000..6f3b24f59 Binary files /dev/null and b/yudao-ui-app/static/images/money_look.png differ diff --git a/yudao-ui-app/static/images/rule.png b/yudao-ui-app/static/images/rule.png new file mode 100644 index 000000000..02b0e0305 Binary files /dev/null and b/yudao-ui-app/static/images/rule.png differ