diff --git a/package.json b/package.json index 493dc58..cc96c50 100644 --- a/package.json +++ b/package.json @@ -20,6 +20,7 @@ "markdown-it-link-attributes": "^4.0.1", "md5": "^2.3.0", "pinia": "^2.1.3", + "qrcode.vue": "^3.4.1", "resize-observer-polyfill": "^1.5.1", "swiper": "^10.1.0", "vant": "^4.6.4", diff --git a/src/views/vip/components/item.vue b/src/views/vip/components/item.vue index 7aa7b05..02c6068 100644 --- a/src/views/vip/components/item.vue +++ b/src/views/vip/components/item.vue @@ -24,20 +24,9 @@
- - + + - -
订阅 连续订阅
@@ -219,4 +208,49 @@ function formatNumber(num, digits = 0) { color: white; } } +.cu-select{ + .van-haptics-feedback:active{ + opacity: 1; + } + .van-dropdown-menu__title{ + + } + .van-cell{ + background-color: #847663; + color: white; + .van-badge__wrapper{ + &::before{ + color: white; + } + } + } + .van-dropdown-menu__bar{ + height: 79px; + } + .van-dropdown-item { + width: 541px !important; + left: 101px !important; + } + .van-dropdown-menu__item{ + align-items: center; + justify-content: space-between; + + background-color: #847663; + color: white; + .van-ellipsis{ + color: white; + } + + } + .van-dropdown-menu__title--active{ + color: white; + } + .van-dropdown-menu__title{ + width: calc(100% - 30px); + padding:0 30px; + } + .van-overlay{ + background: transparent; + } +} diff --git a/src/views/vip/index.vue b/src/views/vip/index.vue index 9e24177..35e5fa2 100644 --- a/src/views/vip/index.vue +++ b/src/views/vip/index.vue @@ -36,11 +36,53 @@ @subscribe="handleSubscribe" > + + +
+
+
+ +
+
+
+
扫码付款
+
+ 您正在订阅{{ currentVipText }}服务,付款请扫以下二维码 +
+
+ +
+
请使用支付宝、微信扫码支付
+
+ 我已付款,点击跳转 + 还未付款,点击取消 +
+
+
+