@ -1,813 +0,0 @@
< template >
< view class = "" v-if = "!STORE_INFO.id" >
< up-modal :show = "showModa" title = "登录门店" @confirm ="confirmStore" confirmColor = '#20B128' >
< view class = "slot-content" >
< up-form labelPosition = "left" label -width = " 100rpx " >
< up-form-item label = "手机号" borderBottom >
< up-input v-model = "storePhone" placeholder="请输入门店手机号" > < / up -input >
< / up-form-item >
<!-- < up-form-item label = "角色" borderBottom >
< uni-data-select v-model = "Role" :localdata="range" : clear = 'false' > < / uni-data-select >
< / up-form-item > -- >
< / up-form >
< / view >
< / up-modal >
< / view >
< view v-else >
< view class = "tabs" >
< text @ click = "currentTab = 1" : class = "{ actText: currentTab == 1 }" > 开通 { { Role == 1 ? '行业会员' : '商户' } }
< / text >
< text @ click = "currentTab = 2, getCount(), getLists()" : class = "{ actText: currentTab == 2 }" > 已开通列表 < / text >
< view class = "lines" : class = "{ actLine: currentTab == 2 }" / >
< / view >
<!-- tabs1 -- >
< block v -if = ' currentTab = = 1 ' >
< view class = "card card1" >
< view class = "card1-tit" >
{ { Role == 1 ? '行业会员' : '商户' } } 开通报备
< up-input v -model = ' formData.auth_code ' > < / up-input >
< / view >
< up-form labelPosition = "left" :model = "formData" : borderBottom = 'false' >
< up-form-item label = "" >
< up-input v-model = "formData.real_name" border="none" prefixIcon="account" placeholder = "请输入真实姓名"
: customStyle = "{ background: '#F3F3F3', padding: '20rpx', 'border-radius': '30rpx' }"
: placeholderStyle = "{ color: '#444444' }"
: prefixIconStyle = "{ 'margin-right': '40rpx' }" > < / up-input >
< / up-form-item >
< up-form-item label = "" >
< up-input v-model = "formData.mobile" border="none" prefixIcon="phone" placeholder = "请输入电话号码"
: customStyle = "{ background: '#F3F3F3', padding: '20rpx', 'border-radius': '30rpx' }"
: placeholderStyle = "{ color: '#444444' }"
: prefixIconStyle = "{ 'margin-right': '40rpx' }" > < / up-input >
< / up-form-item >
< up-form-item label = "" >
< view @ click = "showPop = true" style = "width: 100%;" >
< up-input style = "pointer-events: none" v-model = "formData.address" border = "none"
prefixIcon = "map" readonly placeholder = "点击选择地址" : customStyle = " {
background : '#F3F3F3' , padding : '20rpx' ,
'border-radius' : '30rpx'
} " :placeholderStyle=" { color : '#444444' } " :prefixIconStyle=" { 'margin-right' : '40rpx' } "
suffixIcon = 'arrow-down' > < / up-input >
< / view >
< / up-form-item >
< up-form-item label = "" v -if = ' Role = = 1 ' >
< view @ click = "showPop1 = true" style = "width: 100%;" >
< up-input style = "pointer-events: none" v-model = "formData.label_name" border = "none"
prefixIcon = "man-add" readonly placeholder = "点击选择用户身份" : customStyle = " {
background : '#F3F3F3' , padding : '20rpx' ,
'border-radius' : '30rpx'
} " :placeholderStyle=" { color : '#444444' } " :prefixIconStyle=" { 'margin-right' : '40rpx' } "
suffixIcon = 'arrow-down' > < / up-input >
< / view >
< / up-form-item >
<!-- < up-form-item label = "" v -if = ' Role = = 1 ' >
< view style = "width: 100%;" >
< up-input v-model = "formData.price" border="none" prefixIcon="rmb-circle" placeholder = "请输入金额"
: customStyle = " {
background : '#F3F3F3' , padding : '20rpx' ,
'border-radius' : '30rpx'
} " :placeholderStyle=" { color : '#444444' } " :prefixIconStyle=" { 'margin-right' : '40rpx' } " > < / up-input >
< / view >
< / up-form-item > -- >
< up-form-item label = "" >
< view style = "width: 100%;display: flex;align-items: center;justify-content: space-between;" >
< view class = "" >
< up-input v-model = "formData.code" border="none" prefixIcon="tags" placeholder = "请输入验证码"
: customStyle = " {
background : '#F3F3F3' , padding : '20rpx' ,
'border-radius' : '30rpx'
} " :placeholderStyle=" { color : '#444444' } " :prefixIconStyle=" { 'margin-right' : '40rpx' } " > < / up-input >
< / view >
< text class = 'btn-text' style = "color: grey;" v -if = ' cutDown ' > 重新获取 ( { { cutDown } } ) < / text >
< text @click ="getCode" class = 'btn-text' v-else > {{ flag ? ' 获取验证码 ' : ' 重新获取 ' }} < / text >
< / view >
< / up-form-item >
< / up-form >
< view class = "store-info" >
报备人 : { { STORE _INFO . name } }
< / view >
< view class = "store-info" v-if = "Role==1" >
< view class = "" style = "width: 300rpx;margin: 0 auto;border-bottom: 1px solid #F3F3F3;" >
< up-input inputAlign = 'center' placeholder = "请输入金额" @focus ="formData.price=''" color = '#FF6B00'
: placeholderStyle = "{fontSize:'28rpx'}" fontSize = '20px' border = "none"
v - model = "formData.price" @ blur = 'tofixedPrice' > < / up-input >
< / view >
< view style = "color: red;margin-top: 20rpx;font-size: 24rpx;"
v - if = "formData.label_limit&&formData.price<formData.label_limit" >
{ { formData . label _name } } 角色最低金额不能低于 { { formData . label _limit } } 元
< / view >
< / view >
< button @click ="test" > anniu < / button >
< / view >
< view class = "submit-btn" @click ="submit" >
< view
style = 'width: 710rpx;height: 100rpx;text-align: center;line-height: 100rpx;text-align: center;color: white;background-color: #33B83A;border-radius: 50rpx;font-size:40rpx ;' >
{ { Role == 1 ? '完成并收款' : '完成' } }
< / view >
< / view >
< / block >
<!-- tabs2 -- >
< block v-else >
< view class = "vip-card" >
< text > 当前已开通 ： < / text >
< up-count-to :startVal = "0" :endVal = "count" > < / up-count-to >
< text > 位 { { Role == 1 ? '行业会员' : '商户' } } < / text >
< / view >
< view class = "table" >
< uni-table stripe emptyText = "暂无更多数据" width = "100%" >
<!-- 表头行 -- >
< uni-tr >
< uni-th width = "20" align = "center" > 序号 < / uni-th >
< uni-th width = "50" align = "center" v -if = ' Role = = 1 ' > 行业会员 < / uni-th >
< uni-th width = "50" align = "center" v -if = ' Role = = 1 ' > 经营资金 < / uni-th >
< uni-th width = "50" align = "center" v -if = ' Role = = 4 ' > 开通时间 < / uni-th >
< uni-th width = "50" align = "center" v -if = ' Role = = 4 ' > 商户 < / uni-th >
< uni-th width = "50" align = "center" v -if = ' Role = = 1 ' > 角色 < / uni-th >
< uni-th width = "50" align = "center" > 状态 < / uni-th >
< / uni-tr >
<!-- 表格数据行 -- >
< uni-tr v-for = "(item, index) in lists" :key="item.order_id" >
< uni-td align = "center" > { { index + 1 } } < / uni-td >
< uni-td style = "font-size: 20rpx;" align = "center" v -if = ' Role = = 1 ' > { { item . real _name } } < / uni-td >
< uni-td style = "font-size: 20rpx;" align = "center" v -if = ' Role = = 1 ' > { { item . price } } < / uni-td >
< uni-td style = "font-size: 20rpx;" align = "center"
v - if = 'Role == 4' > { { item . create _time } } < / uni-td >
< uni-td style = "font-size: 20rpx;" align = "center" v -if = ' Role = = 4 ' > { { item . nickname } } < / uni-td >
< uni-td style = "font-size: 20rpx;" align = "center" v -if = ' Role = = 1 ' > { { item . label _name } } < / uni-td >
< uni-td style = "font-size: 20rpx;" align = "center" >
< view v-if = "item.paid == 1 || Role == 4" > 已开通 < / view >
< view v -else style = "color:#33B83A ;" >
< view @click ="upadtaStatus(item)" >
未开通 , 查询
< / view >
< view @click ="rePay(item)" >
重新支付
< / view >
< / view >
< / uni-td >
< / uni-tr >
< / uni-table >
< / view >
< / block >
< / view >
< view style = "height: 50rpx;" / >
<!-- 地址选择器 -- >
< up-popup :show = "showPop" @ close = "showPop = false" @ open = "showPop = true" :round = "10" >
< view style = "padding: 20rpx;" >
< up-tabs :list = "tabsList" @ change = 'addressTbasChange' : current = 'currentAddressIndex' lineColor = '#20B128'
: activeStyle = "{ color: '#20B128' }" > < / up-tabs >
< up-line style = "margin-top:20rpx " > < / up-line >
< view class = "address-content" v -if = ' currentAddressIndex = = 0 ' >
< view class = "address-li" : class = '{ act: item.city_code == formData.city }'
v - for = "item in addressList.city" : key = "item.city_code" @ click = "addressLiClick(0, item)" >
< text > { { item . city _name } } < / text >
< up-icon name = "arrow-right" : color = "item.city_code == formData.city ? '#20B128' : '#777777'" / >
< / view >
< / view >
< view class = "address-content" v -else -if = ' currentAddressIndex = = 1 ' >
< view class = "address-li" v-for = "item in addressList.area" @ click = "addressLiClick(1, item)"
: key = "item.area_code" : class = '{ act: item.area_code == formData.area }' >
< text > { { item . area _name } } < / text >
< up-icon name = "arrow-right" : color = "item.area_code == formData.area ? '#20B128' : '#777777'" / >
< / view >
< / view >
< view class = "address-content" v -else -if = ' currentAddressIndex = = 2 ' >
< view class = "address-li" v-for = "item in addressList.street" @ click = "addressLiClick(2, item)"
: key = "item.street_code" : class = '{ act: item.street_code == formData.street }' >
< text > { { item . street _name } } < / text >
< up-icon name = "arrow-right" : color = "item.street_code == formData.street ? '#20B128' : '#777777'" / >
< / view >
< / view >
< view class = "address-content" v -else -if = ' currentAddressIndex = = 3 ' >
< view class = "address-li" v-for = "item in addressList.village" @ click = "addressLiClick(3, item)"
: key = "item.village_code" : class = '{ act: item.village_code == formData.village }' >
< text > { { item . village _name } } < / text >
< up-icon name = "arrow-right"
: color = "item.village_code == formData.village ? '#20B128' : '#777777'" / >
< / view >
< / view >
< view class = "address-content" v -else -if = ' currentAddressIndex = = 4 ' >
< view class = "address-li" : class = '{ act: item.id == formData.brigade }'
v - for = "item in addressList.brigade" : key = "item.id" @ click = "addressLiClick(4, item)" >
< text > { { item . brigade _name } } < / text >
< up-icon name = "arrow-right" : color = "item.id == formData.brigade ? '#20B128' : '#777777'" / >
< / view >
< / view >
< / view >
< / up-popup >
< up-picker :show = "showPop1" :columns = "columns" @ confirm = 'conformRole' @ cancel = 'showPop1 = false'
@ close = "showPop1 = false" @ open = "showPop1 = true" keyName = 'label_name' confirmColor = '#33B83A' > < / up-picker >
< / template >
< script setup >
import {
reactive ,
ref
} from 'vue' ;
import useUserStore from "@/store/user" ;
import {
provinceListApi ,
cityListApi ,
areaListApi ,
streetListApi ,
villageListApi ,
brigadeListApi
} from "@/api/address.js"
import {
vipRechargeApi ,
rechargeCountApi ,
reVipRechargeApi ,
rechargeListsApi ,
updataOrderApi ,
getStoreByPhone ,
getUserLabel ,
getUserShip ,
getCreateLists ,
getReportingSms
} from "@/api/user.js"
import Push from "@/utils/push.js"
import {
onPullDownRefresh ,
onLoad ,
onReachBottom
} from "@dcloudio/uni-app"
import {
config
} from "@/config/app.js"
const showPop1 = ref ( false )
const Role = ref ( 1 )
const range = ref ( { } )
const columns = ref ( [ ] )
const showModa = ref ( true )
const storePhone = ref ( '' )
const confirmStore = ( ) => {
getStoreByPhone ( {
phone : storePhone . value
} ) . then ( res => {
for ( let key in res . data ) {
STORE _INFO [ key ] = res . data [ key ]
}
setPhoneOneDay ( )
} ) . catch ( err => {
uni . $u . toast ( '未查到店铺信息，请检查手机号码' )
} )
}
/ / 用 户 选 择 的 门 店 信 息
let STORE _INFO = reactive ( {
id : ""
} )
/ / 门 店 手 机 号 保 留 一 天
const setPhoneOneDay = ( ) => {
if ( uni . getStorageSync ( 'VIP_PHONE' ) ) return ;
const currentDate = new Date ( ) ;
const nextDay = new Date ( currentDate ) ;
nextDay . setDate ( currentDate . getDate ( ) + 1 ) ;
uni . setStorageSync ( 'VIP_PHONE' , JSON . stringify ( {
time : nextDay ,
phone : storePhone . value
} ) ) ;
}
const getPhoneOneDay = ( ) => {
if ( uni . getStorageSync ( 'VIP_PHONE' ) ) {
let data = JSON . parse ( uni . getStorageSync ( 'VIP_PHONE' ) )
if ( new Date ( ) > data . time ) {
uni . removeStorageSync ( 'VIP_PHONE' ) ;
} else {
storePhone . value = data . phone
}
}
}
/ / 手 机 保 留 一 天 结 束
/ / 验 证 码
const cutDown = ref ( 0 )
const flag = ref ( true )
const code = ref ( '' )
const checkPhone = ( phone ) => {
const regex = /^1[3-9]\d{9}$/ ;
return regex . test ( formData . mobile ) ? true : false
}
const getCode = async ( ) => {
if ( ! checkPhone ( formData . mobile ) ) return uni . $u . toast ( '请输入正确的手机号' )
await getReportingSms ( {
account : formData . mobile
} )
flag . value = false
cutDown . value = 60
let timer = setInterval ( ( ) => {
cutDown . value --
if ( cutDown . value <= 0 ) {
cutDown . value = 0 ;
clearInterval ( timer ) ;
}
} , 1000 )
}
/ / 验 证 码 结 束
const currentTab = ref ( 1 )
const formData = reactive ( {
/ / s t o r e _ i d : S T O R E _ I N F O . i d ,
/ / m o b i l e : " " ,
/ / p r o v i n c e : 5 1 0 0 0 0 ,
/ / c i t y : ' ' ,
/ / a r e a : " " ,
/ / s t r e e t : " " ,
/ / v i l l a g e : " " ,
/ / r e a l _ n a m e : " " ,
/ / a u t h _ c o d e : " " ,
/ / a d d r e s s : " " ,
/ / l a b e l _ n a m e : " " ,
/ / l a b e l _ i d : " " ,
/ / l a b e l _ l i m i t : " " ,
/ / u s e r _ s h i p : ' ' ,
/ / c o d e : ' ' ,
/ / b r i g a d e : " " ,
/ / p r i c e : " " ,
store _id : STORE _INFO . id ,
mobile : "19130550023" ,
province : 510000 ,
city : '510500' ,
area : "510503" ,
street : "510503102" ,
village : "510503102201" ,
real _name : "赵明军" ,
auth _code : "131197337173621549" ,
address : "" ,
label _name : "" ,
label _id : "4" ,
user _ship : '1' ,
code : ''
} )
const tofixedPrice = ( ) => {
formData . price = ( + formData . price ) . toFixed ( 2 )
}
const resetFormData = ( ) => {
for ( let key in formData ) {
formData [ key ] = ''
}
tabsList . forEach ( item => {
item . name = '请选择'
} )
formData . province = 510000
cutDown . value = 0
currentAddressIndex . value = 0
}
const conformRole = ( e ) => {
formData . label _name = e . value [ 0 ] . label _name
formData . label _id = e . value [ 0 ] . label _id
formData . price = ( + e . value [ 0 ] . limit ) . toFixed ( 2 )
formData . label _limit = e . value [ 0 ] . limit
showPop1 . value = false
}
/ / 地 址 选 择
const showPop = ref ( false )
const currentAddressIndex = ref ( 0 )
const currentAddressList = ( ) => {
if ( ! formData . city ) return [ 0 , 'city' ] ;
else if ( formData . area ) return [ 1 , 'area' ] ;
else if ( formData . street ) return [ 2 , 'street' ] ;
else if ( formData . village ) return [ 3 , 'village' ] ;
else if ( formData . brigade ) return [ 4 , 'brigade' ] ;
}
const addressTbasChange = ( e ) => {
currentAddressIndex . value = e . index
}
const addressList = reactive ( {
city : [ ] ,
area : [ ] ,
street : [ ] ,
village : [ ] ,
brigade : [ ]
} )
const addressLiClick = async ( i , item ) => {
if ( i == 0 ) {
formData . city = item . city _code
tabsList [ 0 ] . name = item . city _name
let res = await areaListApi ( {
city _code : formData . city
} )
addressList . area = res . data
}
if ( i == 1 ) {
formData . area = item . area _code
tabsList [ 1 ] . name = item . area _name
let res = await streetListApi ( {
area _code : formData . area
} )
addressList . street = res . data
}
if ( i == 2 ) {
formData . street = item . street _code
tabsList [ 2 ] . name = item . street _name
let res = await villageListApi ( {
street _code : formData . street
} )
addressList . village = res . data
}
if ( i == 3 ) {
formData . village = item . village _code
tabsList [ 3 ] . name = item . village _name
let res = await brigadeListApi ( {
village _code : formData . village
} )
addressList . brigade = res . data
}
if ( i == 4 ) {
formData . brigade = item . id
tabsList [ 4 ] . name = item . brigade _name
formData . address = tabsList [ 0 ] . name + tabsList [ 1 ] . name + tabsList [ 2 ] . name + tabsList [ 3 ] . name +
tabsList [ 4 ] . name
return showPop . value = false
}
formData . address = tabsList [ 0 ] . name + tabsList [ 1 ] . name + tabsList [ 2 ] . name + tabsList [ 3 ] . name + tabsList [ 4 ]
. name
return currentAddressIndex . value ++
}
const getCityList = async ( ) => {
let res = await cityListApi ( {
province _code : formData . province
} )
addressList . city = res . data
}
const tabsList = reactive (
[ {
name : "请选择"
} ,
{
name : '请选择' ,
disabled : false
} ,
{
name : '请选择' ,
disabled : false
} ,
{
name : '请选择' ,
disabled : false
} ,
{
name : '请选择' ,
disabled : false
} ,
] ) ;
let timerInvol = null
/ / 开 起 一 个 s c o k e t 监 听 用 户 知 否 支 付 成 功
const userInfo = useUserStore ( ) . userInfo ;
const connection = new Push ( {
url : config . WSS _URL , / / w e b s o c k e t 地 址
app _key : '2ce3ce22329517213caa7dad261f5695' ,
} ) ;
const user _channel = connection . subscribe ( ` wechat_mmp_ ${ userInfo . id } ` ) ;
user _channel . on ( 'message' , function ( data ) {
console . log ( 111111 , timerInvol )
clearTimeout ( timerInvol ) ;
test ( )
console . log ( 222222 , timerInvol )
/ / s e t I m m e d i a t e ( )
paySuccessToTabs2 ( )
} ) ;
/ / 结 束
const test = ( ) => {
console . log ( 33333 , timerInvol )
clearTimeout ( timerInvol )
console . log ( 44444 , timerInvol )
}
/ / 提 交
const submit = async ( ) => {
if ( ! formData . real _name ) return uni . $u . toast ( '请填写真实姓名' ) ;
if ( ! formData . mobile ) return uni . $u . toast ( '请填写电话号码' ) ;
if ( ! formData . code ) return uni . $u . toast ( '请输入短信验证码' ) ;
/ / i f ( ! f o r m D a t a . a d d r e s s ) r e t u r n u n i . $ u . t o a s t ( ' 请 选 择 地 址 ' ) ;
/ / i f ( ! f o r m D a t a . l a b e l _ i d ) r e t u r n u n i . $ u . t o a s t ( ' 请 选 择 用 户 身 份 ' ) ;
if ( formData . price < formData . label _limit ) return uni . $u . toast (
` ${ formData . label _name } 角色最低金额不能低于 ${ formData . label _limit } 元 ` ) ;
formData . store _id = STORE _INFO . id
if ( Role . value == 1 ) {
formData . recharge _type = 'INDUSTRYMEMBERS'
formData . user _ship = 1
vipRechargeApi ( formData ) . then ( res => {
timerInvol = setTimeout ( ( ) => {
uni . hideLoading ( ) ;
uni . $u . toast ( '支付超时' ) ;
console . log ( "支付超时" )
} , 20000 )
} )
return
uni . scanCode ( {
success : function ( res ) {
if ( String ( res . result . length ) != 18 ) return uni . $u . toast ( '二维码未扫描完整' ) ;
uni . showLoading ( {
title : '支付中...'
} ) ;
formData . auth _code = res . result
formData . recharge _type = 'INDUSTRYMEMBERS'
formData . user _ship = 1
vipRechargeApi ( formData ) . then ( res => {
timerInvol = setTimeout ( ( ) => {
uni . hideLoading ( ) ;
uni . $u . toast ( '支付超时' ) ;
console . log ( "支付超时" )
} , 10000 )
} )
}
} ) ;
}
}
const rePay = ( item ) => {
uni . scanCode ( {
success : function ( res ) {
if ( String ( res . result . length ) != 18 ) return uni . $u . toast ( '二维码未扫描完整' ) ;
uni . showLoading ( {
title : '等待用户支付'
} ) ;
reVipRechargeApi ( {
id : item . id ,
auth _code : res . result
} ) . then ( res => {
timerInvol = setTimeout ( ( ) => {
uni . hideLoading ( ) ;
uni . $u . toast ( '支付超时' ) ;
console . log ( "支付超时" )
} , 30000 )
} )
}
} ) ;
}
/ / 支 付 成 功 后 清 除 f o r m D a t a 并 且 切 换 t a b s 2
const paySuccessToTabs2 = ( ) => {
uni . hideLoading ( )
uni . showToast ( {
title : '支付成功' ,
duration : 2000 ,
success ( ) {
currentTab . value = 2
resetFormData ( )
setTimeout ( ( ) => {
getLists ( )
getCount ( )
} , 500 ) ; / / 延 迟 1 秒 执 行
}
} ) ;
}
/ / 邀 请 用 户 数
let where = {
page _no : 1 ,
page _size : 25 ,
loadingOver : false
}
const count = ref ( 0 )
const getCount = async ( ) => {
if ( Role . value == 4 ) return ;
let res = await rechargeCountApi ( {
store _id : STORE _INFO . id
} )
count . value = res . data . count
}
/ / 邀 请 列 表
const lists = ref ( [ ] )
const getLists = async ( ) => {
where . loadingOver = false
where . page _no = 1
where . page _size = 25
let res = await rechargeListsApi ( {
store _id : STORE _INFO . id ,
recharge _type : "INDUSTRYMEMBERS" ,
page _no : 1 ,
page _size : 25
} )
lists . value = res . data . lists
}
getCount ( )
getLists ( )
const upadtaStatus = ( item ) => {
updataOrderApi ( {
order _no : item . order _id ,
recharge : 1
} ) . then ( res => {
getCount ( )
getLists ( )
} )
}
onLoad ( ( ) => {
getUserShip ( ) . then ( res => {
range . value = res . data . lists . map ( item => {
return {
value : item . id ,
text : item . title
}
} )
} )
getUserLabel ( ) . then ( res => {
columns . value = [ res . data . lists ]
} )
getPhoneOneDay ( )
getCityList ( )
} )
onPullDownRefresh ( ( ) => {
getCount ( )
getLists ( )
setTimeout ( ( ) => {
uni . stopPullDownRefresh ( )
} , 1000 )
} )
onReachBottom ( async ( ) => {
if ( where . loadingOver ) return ;
where . page _no ++ ;
if ( Role . value == 1 ) {
let res = await rechargeListsApi ( {
store _id : STORE _INFO . id ,
recharge _type : "INDUSTRYMEMBERS" ,
... where
} )
if ( res . data . lists . length <= 0 ) {
return where . loadingOver = true
}
lists . value . push ( ... res . data . lists )
} else {
let res = await getCreateLists ( {
store _id : STORE _INFO . id ,
... where
} )
if ( res . data . lists . length <= 0 ) {
return where . loadingOver = true
}
lists . value . push ( ... res . data . lists )
}
} )
< / script >
< style lang = 'scss' >
. tabs {
background - color : # fff ;
width : 100 vw ;
box - sizing : border - box ;
padding : 30 rpx 0 ;
justify - content : space - around ;
position : relative ;
display : flex ;
font - size : 32 rpx ;
color : # 444444 ;
. actText {
color : # 20 B128 ;
}
. lines {
position : absolute ;
width : 70 rpx ;
height : 7 rpx ;
border - radius : 8 rpx ;
background - color : # 33 B83A ;
bottom : 15 rpx ;
transition : 300 ms ;
left : calc ( 25 vw - 35 rpx ) ;
}
. actLine {
left : calc ( 75 vw - 35 rpx ) ;
}
}
. card {
width : 710 rpx ;
margin : 20 rpx auto ;
background - color : # fff ;
box - sizing : border - box ;
border - radius : 10 rpx ;
}
. card1 {
padding : 52 rpx 30 rpx ;
. card1 - tit {
font - size : 32 rpx ;
color : # 444444 ;
text - align : center ;
margin - bottom : 90 rpx ;
}
. store - info {
font - size : 28 rpx ;
color : # 20 B128 ;
text - align : center ;
margin - top : 30 rpx ;
}
}
. submit - btn {
/* height: 200rpx; */
position : fixed ;
bottom : 50 rpx ;
width : 710 rpx ;
left : 50 % ;
transform : translateX ( - 50 % ) ;
}
. vip - card {
width : 690 rpx ;
height : 270 rpx ;
background - image : url ( 'https://lihai001.oss-cn-chengdu.aliyuncs.com/attach/4a92b202406162207212332.png' ) ;
background - size : 100 % 100 % ;
margin : 20 rpx auto ;
display : flex ;
align - items : center ;
font - size : 30 rpx ;
box - sizing : border - box ;
padding : 0 30 rpx ;
color : # 444444 ;
justify - content : space - around ;
. num {
font - size : 72 rpx ;
color : # 7 B5232 ;
}
}
. table {
width : 710 rpx ;
box - sizing : border - box ;
font - size : 30 rpx ;
margin : 0 auto ;
}
. address - content {
padding : 20 rpx ;
height : 50 vh ;
overflow - y : auto ;
. address - li {
display : flex ;
justify - content : space - between ;
align - items : center ;
font - size : 32 rpx ;
color : # 777777 ;
margin : 30 rpx 0 ;
}
. act {
color : # 20 B128 ;
}
}
. uni - table - th {
padding : 10 rpx 0 ! important ;
}
. uni - table - td {
padding : 10 rpx 0 ! important ;
}
. slot - content {
/* padding-bottom: 50rpx; */
}
. code - btn {
display : flex ;
align - items : center ;
}
. btn - text {
color : # 20 B128 ;
}
< / style >
