|
|
@@ -2,7 +2,7 @@
|
|
|
<view class="page">
|
|
|
<view class="card">
|
|
|
<view class="card-title">VIP会员</view>
|
|
|
- <view calss="card-desc">开通VIP会员专享权益</view>
|
|
|
+ <view class="card-desc">开通VIP会员专享权益</view>
|
|
|
<view class="card-status">
|
|
|
已经开通 <button class="card-btn">立即开通</button>
|
|
|
</view>
|
|
|
@@ -25,27 +25,27 @@ export default {
|
|
|
id: 0,
|
|
|
list: [
|
|
|
{
|
|
|
- title: "10000积分",
|
|
|
+ name: "10000积分",
|
|
|
icon: require("@/assets/vip/icon-integral.png"),
|
|
|
},
|
|
|
{
|
|
|
- title: "90团1000",
|
|
|
+ name: "90团1000",
|
|
|
icon: require("@/assets/vip/icon-purchase.png"),
|
|
|
},
|
|
|
{
|
|
|
- title: "85团100",
|
|
|
+ name: "85团100",
|
|
|
icon: require("@/assets/vip/icon-restaurant.png"),
|
|
|
},
|
|
|
{
|
|
|
- title: "积分翻倍抵现",
|
|
|
+ name: "积分翻倍抵现",
|
|
|
icon: require("@/assets/vip/icon-double.png"),
|
|
|
},
|
|
|
{
|
|
|
- title: "精选商户权益",
|
|
|
+ name: "精选商户权益",
|
|
|
icon: require("@/assets/vip/icon-boutique.png"),
|
|
|
},
|
|
|
{
|
|
|
- title: "停车优惠",
|
|
|
+ name: "停车优惠",
|
|
|
icon: require("@/assets/vip/icon-parking.png"),
|
|
|
},
|
|
|
],
|
|
|
@@ -66,15 +66,17 @@ page {
|
|
|
color: rgb(251, 222, 190);
|
|
|
}
|
|
|
.card {
|
|
|
- width: 710rpx;
|
|
|
- height: 420rpx;
|
|
|
+ width: 660rpx;
|
|
|
+ height: 392rpx;
|
|
|
background: url("~@/assets/vip/card-vip.png") no-repeat center;
|
|
|
background-size: contain;
|
|
|
box-sizing: border-box;
|
|
|
padding: 40rpx;
|
|
|
+ margin: 0 auto;
|
|
|
color: rgb(251, 222, 190);
|
|
|
+ overflow: hidden;
|
|
|
.card-title {
|
|
|
- font-size: 64rpx;
|
|
|
+ font-size: 56rpx;
|
|
|
}
|
|
|
.card-desc {
|
|
|
font-size: 28rpx;
|
|
|
@@ -114,4 +116,21 @@ page {
|
|
|
margin: 0 10rpx;
|
|
|
}
|
|
|
}
|
|
|
+.list {
|
|
|
+ margin-top: 20rpx;
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ .item {
|
|
|
+ width: 33.3333%;
|
|
|
+ text-align: center;
|
|
|
+ margin: 20rpx 0;
|
|
|
+ font-size: 24rpx;
|
|
|
+ }
|
|
|
+ .icon {
|
|
|
+ width: 100rpx;
|
|
|
+ height: 100rpx;
|
|
|
+ display: block;
|
|
|
+ margin: 0 auto 10rpx;
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|