dianliang/oil-station
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

油站小程序

Browse Source
This commit is contained in:
@QQNZX 2023-12-15 15:11:42 +08:00
parent 8022856572
commit c30f6ff2cd
1 changed files with 29 additions and 77 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

106
gasStation-uni/pagesMy/VIP/vip.vue
View File

@ -27,56 +27,18 @@
</view> </view>
<!-- qy --> <!-- qy -->
<view class="c-box"> <view class="c-box">
<view class="title-bai">会员权益</view> <!-- <view class="title-bai">会员权益</view> -->
<view class="wrap-box"> <view class="wrap-box">
<view class="box-ba">
<view class="box-ba" v-for="(item,index) in oilNameList" :key="index">
<view class="min-box"> <view class="min-box">
<image src="../../static/imgs/vipxz.png" mode=""></image> <image src="../../static/imgs/vipxz.png" mode=""></image>
</view> </view>
<view class="">会员特权</view> <view class="mu_">{{item}}</view>
</view>
<view class="box-ba">
<view class="min-box">
<image src="../../static/imgs/vipxz.png" mode=""></image>
</view>
<view class="">会员特权</view>
</view>
<view class="box-ba">
<view class="min-box">
<image src="../../static/imgs/vipxz.png" mode=""></image>
</view>
<view class="">会员特权</view>
</view>
<view class="box-ba">
<view class="min-box">
<image src="../../static/imgs/vipxz.png" mode=""></image>
</view>
<view class="">会员特权</view>
</view>
<view class="box-ba">
<view class="min-box">
<image src="../../static/imgs/vipxz.png" mode=""></image>
</view>
<view class="">会员特权</view>
</view>
<view class="box-ba">
<view class="min-box">
<image src="../../static/imgs/vipxz.png" mode=""></image>
</view>
<view class="">会员特权</view>
</view>
<view class="box-ba">
<view class="min-box">
<image src="../../static/imgs/vipxz.png" mode=""></image>
</view>
<view class="">会员特权</view>
</view>
<view class="box-ba">
<view class="min-box">
<image src="../../static/imgs/vipxz.png" mode=""></image>
</view>
<view class="">会员特权</view>
</view> </view>
</view> </view>
</view> </view>
</swiper-item> </swiper-item>
@ -89,37 +51,14 @@
<view class="bottom-box"> <view class="bottom-box">
<view class="bottom-bai-box"> <view class="bottom-bai-box">
<view class="b-top-bt"> <view class="b-top-bt">
<view class="title">每日任务</view> <view class="title">优惠信息</view>
<view class="times">每天04:00更新</view> <view class="times">每天04:00更新</view>
</view> </view>
<view class="b-top-bt" style="margin: 10px auto; "> </view>
<view class="disa"> <view class="bottom-bai-box">
<view class="btimg"> <view class="title">每消费<text style=" margin: 0px 5px; color:#ff5c28 ;">200万</text> 元加<text
<image src="../../static/imgs/dljf.png" mode=""></image> style="margin: 0px 5px;color:#2c62cd ;">1%</text>成长值</view>
</view>
<view class="an-title">每日登录</view>
</view>
<view class="anniu"> 去完成 </view>
</view>
<view class="b-top-bt" style="margin: 10px auto; ">
<view class="disa">
<view class="btimg">
<image src="../../static/imgs/dljf.png" mode=""></image>
</view>
<view class="an-title">每日登录</view>
</view>
<view class="anniu"> 去完成 </view>
</view>
<view class="b-top-bt" style="margin: 10px auto; ">
<view class="disa">
<view class="btimg">
<image src="../../static/imgs/dljf.png" mode=""></image>
</view>
<view class="an-title">每日登录</view>
</view>
<view class="anniu"> 去完成 </view>
</view>
</view> </view>
</view> </view>
</view> </view>
@ -147,6 +86,11 @@
content: '内容 C' content: '内容 C'
} }
], ],
oilNameList: [
"汽油",
"柴油",
"天然气"
],
modeIndex: -1, modeIndex: -1,
styleIndex: -1, styleIndex: -1,
current: 0, current: 0,
@ -262,12 +206,13 @@
.wrap-box { .wrap-box {
width: 100%; width: 100%;
display: flex; display: flex;
flex-wrap: wrap; justify-content: space-between;
align-items: center;
} }
.box-ba { .box-ba {
width: 25%; width: 33%;
text-align: center; text-align: center;
margin: 10px auto; margin: 10px auto;
color: #ffffff; color: #ffffff;
@ -275,8 +220,8 @@
} }
.min-box { .min-box {
width: 30px; width: 90%;
height: 30px; height: 90px;
margin: 5px auto; margin: 5px auto;
image { image {
@ -303,6 +248,7 @@
background: #ffffff; background: #ffffff;
box-sizing: border-box; box-sizing: border-box;
padding: 10px; padding: 10px;
margin: 15px auto;
@ -361,4 +307,10 @@
color: #333333; color: #333333;
margin-left: 5px; margin-left: 5px;
} }
.mu_ {
font-size: 18px;
font-weight: bold;
margin: 15px auto;
}
</style> </style>