Skip to content

U
uniapp_vedio
Commit 8076ef38 authored by mengcuiguang's avatar mengcuiguang
Browse files
Options

代码优化

parent 6d0199e6
Hide whitespace changes
Inline Side-by-side
Showing with 59 additions and 63 deletions
vedio/components/coin-popup/coin-popup.vue
View file @ 8076ef38
<template> <template>
<view> <uni-popup type="bottom" ref="coinPop" :maskClick="false" :safe-area='false' :isMaskClick="false">
<uni-popup type="bottom" ref="coinPop" :maskClick="false" :isMaskClick="false"> <view style="position: relative;background-color: white;">
<view style="position: relative;"> <view v-if="agreeFlag"
<view v-if="agreeFlag" style="width: 100%;height: 100%;background-color: black;opacity: 0.8;display: flex;position: absolute;z-index: 100;color: white;flex-direction: column;align-items: center;padding:40rpx 0;">
style="width: 100%;height: 100%;background-color: black;opacity: 0.8;display: flex;position: absolute;z-index: 100;color: white;flex-direction: column;align-items: center;padding:40rpx 0;"> <text style="font-size: 30rpx;">
<text style="font-size: 30rpx;"> 付费须知 \n
付费须知 \n 1、会员属于虚拟商品，一经购买不可退换 \n
1、会员属于虚拟商品，一经购买不可退换 \n 2、未满18岁的未成年人需要在监护人主导、同意下进行相关付费操作;\n
2、未满18岁的未成年人需要在监护人主导、同意下进行相关付费操作;\n 3、充值一般5分钟内到账，如未到账请在“我的”页面联系客服;
3、充值一般5分钟内到账，如未到账请在“我的”页面联系客服; </text>
</text> <image @click="agreeFlag=false" style="width: 30rpx;height: 30rpx;margin-top:150rpx;"
<image @click="agreeFlag=false" style="width: 30rpx;height: 30rpx;margin-top:150rpx;" src="@/static/index/ic_quit_white.png"></image>
src="@/static/index/ic_quit_white.png"></image> </view>
</view>
<view class="body" style="width: 100%;height: 100%;background-color: white;"> <view class="body" style="width: 100%;height: 100%;background-color: white;">
<scroll-view scroll-y> <scroll-view scroll-y>
<view style="display: flex;flex-direction: column;align-items: flex-end;"> <view style="display: flex;flex-direction: column;align-items: flex-end;">
<view style="display: flex;flex-direction: row;"> <view style="display: flex;flex-direction: row;">
<view @click="handleAgree" style="margin-top: 12rpx;margin-right: 10rpx;">付费须知></view> <view @click="handleAgree" style="margin-top: 12rpx;margin-right: 10rpx;">付费须知></view>
<image @click="handleClose" <image @click="handleClose"
style="width: 30rpx;height: 30rpx;display: flex;align-items: right;margin-top: 20rpx;margin-right: 20rpx;margin-bottom: 10rpx;" style="width: 30rpx;height: 30rpx;display: flex;align-items: right;margin-top: 20rpx;margin-right: 20rpx;margin-bottom: 10rpx;"
src="@/static/index/ic_quit_white.png"></image> src="@/static/index/ic_quit_white.png"></image>
</view>
</view> </view>
<view class="section"> </view>
<view class="pack-box"> <view class="section">
<view class="pack-item" :class="[{active: index==selectedIndex}]" <view class="pack-box">
v-for='(item, index) in vipList' :key='index' @click="choosePack(item, index)"> <view class="pack-item" :class="[{active: index==selectedIndex}]"
<view style="display: flex;flex-direction: column;padding-left: 4rpx;"> v-for='(item, index) in vipList' :key='index' @click="choosePack(item, index)">
<view style="display: flex;flex-direction: column;padding-left: 4rpx;">
<view class="price row">
￥{{item.firstPayPrice}}元 <view class="price row">
</view> ￥{{item.firstPayPrice}}元
<view class="name row" v-if="item.title!=null&&item.title!=''">
{{item.title}}
</view>
<view class="origin row" v-if="item.remarks!=null&&item.remarks!=''">
{{item.remarks}}
</view>
</view> </view>
<view class="cut-down" v-if='item.topTitle!=null&&item.topTitle.length>0'>
{{item.topTitle}} <view class="name row" v-if="item.title!=null&&item.title!=''">
{{item.title}}
</view> </view>
<view v-if="index==selectedIndex" style="position: absolute;bottom: 0;right: 0;">
<image mode="scaleToFill" <view class="origin row" v-if="item.remarks!=null&&item.remarks!=''">
style="width: 100rpx;height: 100rpx;display: flex;align-items: right;" {{item.remarks}}
src="https://mints-pkg.oss-cn-beijing.aliyuncs.com/pkg/img/ic_loading.gif">
</image>
</view> </view>
</view> </view>
<view class="cut-down" v-if='item.topTitle!=null&&item.topTitle.length>0'>
{{item.topTitle}}
</view>
<view v-if="index==selectedIndex" style="position: absolute;bottom: 0;right: 0;">
<image mode="scaleToFill"
style="width: 100rpx;height: 100rpx;display: flex;align-items: right;"
src="https://mints-pkg.oss-cn-beijing.aliyuncs.com/pkg/img/ic_loading.gif">
</image>
</view>
</view> </view>
</view>
<view style="display: flex;flex-direction: column;align-items: center;">
<view style="font-size: 24rpx;color: gray;margin-top: 16rpx;margin-bottom: 18rpx;">
订单中如有疑问，请在个人中心联系客服</view>
</view> </view>
</scroll-view> </view>
</view>
<view style="display: flex;flex-direction: column;align-items: center;">
<view style="font-size: 24rpx;color: gray;margin-top: 16rpx;margin-bottom: 18rpx;">
订单中如有疑问，请在个人中心联系客服</view>
</view>
</scroll-view>
</view> </view>
</uni-popup> </view>
</view> </uni-popup>
</template> </template>
<script> <script>
...@@ -314,7 +309,8 @@ ...@@ -314,7 +309,8 @@
<style lang="scss"> <style lang="scss">
.body { .body {
padding: 10rpx 0 30rpx 0; margin: 0 auto;
padding-bottom: 100rpx;
border-radius: 20rpx 20rpx 0 0; border-radius: 20rpx 20rpx 0 0;
background-color: white; background-color: white;
display: flex; display: flex;
...@@ -337,10 +333,10 @@ ...@@ -337,10 +333,10 @@
flex-wrap: wrap; flex-wrap: wrap;
.active { .active {
// border: 6rpx solid #EDC260 !important; // border: 6rpx solid #EDC260 !important;
background-repeat: no-repeat !important; background-repeat: no-repeat !important;
background-size: 100% !important; background-size: 100% !important;
background-origin: border-box !important; background-origin: border-box !important;
background-image: url(https://mints-pkg.oss-cn-beijing.aliyuncs.com/pkg/img/bg_vip_enable.png) !important; background-image: url(https://mints-pkg.oss-cn-beijing.aliyuncs.com/pkg/img/bg_vip_enable.png) !important;
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment