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