更新
This commit is contained in:
xiaozhiyong
@@ -4,14 +4,16 @@
|
||||
<block slot="content">中石化紫云路</block>
|
||||
<block slot="backText">返回</block>
|
||||
</cu-custom> -->
|
||||
<view class="bg-img fixed-top flex align-end margin-bottom-lg " :style="'background-image: url('+imgURL+'site-bg.png '+');width: 750upx;height: 326rpx;background-size:cover'">
|
||||
<image v-if="isShow" @tap="goBack" :src="imgURL+'site-back.png'" width="20upx" mode="widthFix" class="position-ab site-back">
|
||||
<view class="bg-img fixed-top flex align-end margin-bottom-lg "
|
||||
:style="'background-image: url('+imgURL+'site-bg.png '+');width: 750upx;height: 326rpx;background-size:cover'">
|
||||
<image v-if="isShow" @tap="goBack" :src="imgURL+'site-back.png'" width="20upx" mode="widthFix"
|
||||
class="position-ab site-back">
|
||||
</image>
|
||||
<view class="cu-list menu margin padding-sm radius my-shadow bg-white yu-card-xuan">
|
||||
<view class="cu-item ">
|
||||
<view class="content" style="overflow: hidden;" >
|
||||
<view style="width: 100%; display: flex;" class="strong padding-bottom-xs" >
|
||||
<text style="width: 100%;flex: 1;" class="text-cut">{{siteInfo.siteName}}</text>
|
||||
<view class="content" style="overflow: hidden;">
|
||||
<view style="width: 100%; display: flex;" class="strong padding-bottom-xs">
|
||||
<text style="width: 100%;flex: 1;" class="text-cut">{{siteInfo.siteName}}</text>
|
||||
<!-- <text v-if="siteInfo.siteLevel" class="cu-tag round bg-self-yellow yu-tag text-xs tag-red" style="margin-left: 20px;">{{siteInfo.siteLevel}}级</text> -->
|
||||
</view>
|
||||
<view class="font-12 color-999 site-label text-cut">
|
||||
@@ -30,8 +32,10 @@
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="bg-img placeholder-hidden flex align-end margin-bottom-lg " :style="'background-image: url('+imgURL+'site-bg.png '+');width: 750upx;height: 326rpx;background-size:cover'">
|
||||
<image @tap="goBack" :src="imgURL+'site-back.png'" width="20upx" mode="widthFix" class="position-ab site-back">
|
||||
<view class="bg-img placeholder-hidden flex align-end margin-bottom-lg "
|
||||
:style="'background-image: url('+imgURL+'site-bg.png '+');width: 750upx;height: 326rpx;background-size:cover'">
|
||||
<image @tap="goBack" :src="imgURL+'site-back.png'" width="20upx" mode="widthFix"
|
||||
class="position-ab site-back">
|
||||
</image>
|
||||
<view class="flex-sub">
|
||||
<view class="cu-list menu margin padding-sm radius my-shadow bg-white yu-card-xuan">
|
||||
@@ -62,32 +66,34 @@
|
||||
</view>
|
||||
<!-- 价格 -->
|
||||
<price-tab @onChangeChannelCode="getChannelCode" @onChangePayQr="onChangePayQr" @onChangePay="onChangePay"
|
||||
:channel-list="siteInfo.oilSiteChannelDetailsVos" :channelPrice="siteInfo"></price-tab>
|
||||
<!-- 客户评价 -->
|
||||
<view class="bg-gray padding-top-sm " v-if="siteInfo.xoilUreaPriceVos">
|
||||
<view class="bg-white padding ">
|
||||
<text>尿素</text>
|
||||
<view class="padding-top-sm">
|
||||
<view class="nsjz-flex">
|
||||
<view class="nsjz-flex-left">
|
||||
<image :src="ureaproductType == 2?areaLogoUrl1:areaLogoUrl" mode="" style="width: 36rpx;height: 36rpx;"></image>
|
||||
:channel-list="siteInfo.oilSiteChannelDetailsVos" :channelPrice="siteInfo"></price-tab>
|
||||
<!-- 客户评价 -->
|
||||
<view class="bg-gray padding-top-sm " v-if="siteInfo.xoilUreaPriceVos">
|
||||
<view class="bg-white padding ">
|
||||
<text>尿素</text>
|
||||
<view class="padding-top-sm">
|
||||
<view class="nsjz-flex">
|
||||
<view class="nsjz-flex-left">
|
||||
<image :src="ureaproductType == 2?areaLogoUrl1:areaLogoUrl" mode=""
|
||||
style="width: 36rpx;height: 36rpx;"></image>
|
||||
<view class="nsjz-flex-left-body">
|
||||
<text>{{ureaproductType == '2'?'品牌桶装尿素':'加注机'}}</text>
|
||||
<text v-if="ureaproductType == 2">{{areaPrice}}元/桶<text style="font-size: 12px;margin: 0;">起</text></text>
|
||||
<text v-if="ureaproductType == 2">{{areaPrice}}元/桶<text
|
||||
style="font-size: 12px;margin: 0;">起</text></text>
|
||||
<text v-if="ureaproductType == 1">￥{{areaPrice}}/L</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="nsjz-flex-botton" @tap="areaJump">
|
||||
{{ureaproductType == 2?'去购买':'去加注'}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view style="margin-left: 56rpx;font-size: 12px;">
|
||||
加注支付前,请与油站工作人员确认
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<!-- 客户评价 -->
|
||||
<view class="bg-gray padding-top-sm ">
|
||||
<view class="bg-white padding ">
|
||||
@@ -112,7 +118,8 @@
|
||||
<text class=" text-black ">加 {{itm.oilsCode}} {{itm.volume}}L 节省 <text class="text-red">
|
||||
￥{{itm.discountAmount}}</text></text>
|
||||
</view>
|
||||
<view class="cu-item no-border" v-if="siteInfo.oilSiteOrderInfoVos && !siteInfo.oilSiteOrderInfoVos.length">
|
||||
<view class="cu-item no-border"
|
||||
v-if="siteInfo.oilSiteOrderInfoVos && !siteInfo.oilSiteOrderInfoVos.length">
|
||||
暂无
|
||||
</view>
|
||||
|
||||
@@ -152,15 +159,17 @@
|
||||
<view class=" cu-modal show" v-show="showtitle">
|
||||
<view class="cu-dialog overflow-unset dialog-box box-paddings">
|
||||
<view class="close-icon" @tap="hidendialog">
|
||||
<image src="https://xoi-support.oss-cn-hangzhou.aliyuncs.com/星油运营小程序/close.png" mode="" style="width:50rpx;height: 50rpx;"></image>
|
||||
<image src="https://xoi-support.oss-cn-hangzhou.aliyuncs.com/星油运营小程序/close.png" mode=""
|
||||
style="width:50rpx;height: 50rpx;"></image>
|
||||
</view>
|
||||
<view class="">
|
||||
<image src="https://xoi-support.oss-cn-hangzhou.aliyuncs.com/星油运营小程序/errIcon.png" mode="" style="width:100rpx;height: 100rpx;"></image>
|
||||
<image src="https://xoi-support.oss-cn-hangzhou.aliyuncs.com/星油运营小程序/errIcon.png" mode=""
|
||||
style="width:100rpx;height: 100rpx;"></image>
|
||||
</view>
|
||||
<view class="cu-bar box-panding text-centerS" >
|
||||
<text class="headShow"> 支付提醒 </text>
|
||||
<view class="cu-bar box-panding text-centerS">
|
||||
<text class="headShow"> 支付提醒 </text>
|
||||
</view>
|
||||
<view class="cu-bar box-panding" >
|
||||
<view class="cu-bar box-panding">
|
||||
<text class="showtext">当前油站距离您较远，请与加油员确认您选择的油站是否正确。</text>
|
||||
</view>
|
||||
<view class="checklocation_box_button">
|
||||
@@ -172,7 +181,11 @@
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="customer-service" @click="arousePhone">
|
||||
<image src="../../static/img/customer-service.png"></image>
|
||||
联系客服
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@@ -189,14 +202,14 @@
|
||||
},
|
||||
onUnload() {
|
||||
// console.log('这里是卸载页面')
|
||||
this.innerAudioContext?.stop()
|
||||
this.innerAudioContext?.stop()
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
showtitle:false,
|
||||
return {
|
||||
showtitle: false,
|
||||
radio: 'B',
|
||||
areaLogoUrl:'../../../static/img/xy-jyz.png',
|
||||
areaLogoUrl1:'../../../static/img/xy-ns.png',
|
||||
areaLogoUrl: '../../../static/img/xy-jyz.png',
|
||||
areaLogoUrl1: '../../../static/img/xy-ns.png',
|
||||
mainURL: this.global.mainURL,
|
||||
imgURL: this.global.imgURL,
|
||||
active: 0,
|
||||
@@ -208,50 +221,59 @@
|
||||
siteId: '',
|
||||
activeChannelCode: '',
|
||||
secondChannelCode: '',
|
||||
ureaNum:false,
|
||||
ureaproductType:'',
|
||||
areaPrice:'',
|
||||
isShow:true
|
||||
ureaNum: false,
|
||||
ureaproductType: '',
|
||||
areaPrice: '',
|
||||
isShow: true
|
||||
}
|
||||
},
|
||||
onHide() {
|
||||
this.innerAudioContext?.stop()
|
||||
},
|
||||
onLoad(option) {
|
||||
if(option.siteId && !option.customerJump) {
|
||||
if (option.siteId && !option.customerJump) {
|
||||
this.isShow = false
|
||||
this.siteId = option.siteId
|
||||
this.getSiteInfo(option.siteId)
|
||||
uni.setStorageSync('siteId',option.siteId)
|
||||
return
|
||||
this.getSiteInfo(option.siteId)
|
||||
uni.setStorageSync('siteId', option.siteId)
|
||||
return
|
||||
}
|
||||
|
||||
let oilItem = option.channerCode == 'TY' ? uni.getStorageSync('OtherSiteInfo') : option.item ? JSON.parse(option.item) : {siteId:option.siteId}
|
||||
let oilItem = option.channerCode == 'TY' ? uni.getStorageSync('OtherSiteInfo') : option.item ? JSON.parse(
|
||||
option.item) : {
|
||||
siteId: option.siteId
|
||||
}
|
||||
|
||||
uni.setStorageSync('oilItem',oilItem)
|
||||
uni.setStorageSync('oilItem', oilItem)
|
||||
this.getSiteInfo(oilItem.siteId)
|
||||
this.siteId = oilItem.siteId
|
||||
|
||||
if(oilItem.listTag == '万金油'){
|
||||
if (oilItem.listTag == '万金油') {
|
||||
this.audioUrl = 'https://publicxingyou.oss-cn-hangzhou.aliyuncs.com/mp-oil/wanjinyou.mp3'
|
||||
}else if(oilItem.listTag == '星油'){
|
||||
} else if (oilItem.listTag == '星油') {
|
||||
this.audioUrl = 'https://publicxingyou.oss-cn-hangzhou.aliyuncs.com/mp-oil/xingyouyunzhan.mp3'
|
||||
}else if(oilItem.listTag == '壳牌'){
|
||||
} else if (oilItem.listTag == '壳牌') {
|
||||
this.audioUrl = 'https://publicxingyou.oss-cn-hangzhou.aliyuncs.com/mp-oil/qiaopainew.mp3'
|
||||
}else if(oilItem.listTag == '上汽联名卡' ){
|
||||
} else if (oilItem.listTag == '上汽联名卡') {
|
||||
this.audioUrl = 'https://publicxingyou.oss-cn-hangzhou.aliyuncs.com/mp-oil/shangqi.mp3'
|
||||
}else if(oilItem.listTag == '集卡加油') {
|
||||
} else if (oilItem.listTag == '集卡加油') {
|
||||
this.audioUrl = 'https://publicxingyou.oss-cn-hangzhou.aliyuncs.com/mp-oil/shangqijika.mp3'
|
||||
}
|
||||
this.ContextAudio(this.audioUrl)
|
||||
},
|
||||
methods: {
|
||||
areaJump(){
|
||||
arousePhone() {
|
||||
uni.makePhoneCall({
|
||||
phoneNumber:'4008-56-5355'
|
||||
})
|
||||
},
|
||||
areaJump() {
|
||||
// var itemS = {
|
||||
// siteId:this.siteInfo.xoilUreaPriceVos[0].siteId
|
||||
// }
|
||||
uni.navigateTo({
|
||||
url: '/BagStation/pages/ureaDetail/ureaDetail?item='+ JSON.stringify(this.siteInfo.xoilUreaPriceVos[0]),
|
||||
url: '/BagStation/pages/ureaDetail/ureaDetail?item=' + JSON.stringify(this.siteInfo
|
||||
.xoilUreaPriceVos[0]),
|
||||
fail: (err) => {
|
||||
// console.log(err)
|
||||
},
|
||||
@@ -261,37 +283,37 @@
|
||||
})
|
||||
},
|
||||
// 生成音频文件
|
||||
ContextAudio(url){
|
||||
ContextAudio(url) {
|
||||
this.innerAudioContext = uni.createInnerAudioContext();
|
||||
this.innerAudioContext.autoplay = true;
|
||||
this.innerAudioContext.src = url;
|
||||
this.innerAudioContext.onPlay(() => {
|
||||
console.log('开始播放');
|
||||
console.log('开始播放');
|
||||
});
|
||||
this.innerAudioContext.onError((res) => {
|
||||
console.log(res)
|
||||
console.log(res)
|
||||
});
|
||||
},
|
||||
hidendialog(){
|
||||
this.showtitle =false
|
||||
hidendialog() {
|
||||
this.showtitle = false
|
||||
},
|
||||
backTohome(){
|
||||
backTohome() {
|
||||
uni.switchTab({
|
||||
url:'../../../pages/tabbar/home/home'
|
||||
url: '../../../pages/tabbar/home/home'
|
||||
})
|
||||
},
|
||||
// 距离过远提示弹窗
|
||||
makePay() {
|
||||
console.log(this.siteInfo.juli)
|
||||
if(this.siteInfo.juli > 1000 ){
|
||||
if (this.siteInfo.juli > 1000) {
|
||||
this.showtitle = true
|
||||
}else{
|
||||
} else {
|
||||
this.innerAudioContext?.stop()
|
||||
uni.navigateTo({
|
||||
url: `/BagStation/pages/makeOrder/makeOrder?siteId=${this.siteId}&activeCur=${this.activeCur}`
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
},
|
||||
getChannelCode(val, sec) {
|
||||
this.activeChannelCode = val
|
||||
@@ -310,37 +332,37 @@
|
||||
siteId: id
|
||||
}
|
||||
oilSiteApi.getSiteDetails(data2).then(res => {
|
||||
console.log('getSiteDetails',res)
|
||||
console.log('getSiteDetails', res)
|
||||
if (res.code == 20000) {
|
||||
this.siteInfo = res.data
|
||||
if(this.siteInfo.xoilUreaPriceVos){
|
||||
if (this.siteInfo.xoilUreaPriceVos) {
|
||||
var areaPriceList = []
|
||||
this.siteInfo.xoilUreaPriceVos.forEach(item =>{
|
||||
if(item.productType == '1'){
|
||||
this.siteInfo.xoilUreaPriceVos.forEach(item => {
|
||||
if (item.productType == '1') {
|
||||
this.ureaproductType = 1
|
||||
}else{
|
||||
} else {
|
||||
this.ureaproductType = 2
|
||||
}
|
||||
areaPriceList.push(item.guidePrice)
|
||||
})
|
||||
this.areaPrice = Math.min(...areaPriceList)
|
||||
}
|
||||
}else if(res.code == 40000){
|
||||
} else if (res.code == 40000) {
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
content: res.msg,
|
||||
showCancel:false,
|
||||
success: function (res) {
|
||||
if (res.confirm) {
|
||||
if(getCurrentPages().length > 1) {
|
||||
title: '提示',
|
||||
content: res.msg,
|
||||
showCancel: false,
|
||||
success: function(res) {
|
||||
if (res.confirm) {
|
||||
if (getCurrentPages().length > 1) {
|
||||
uni.navigateBack()
|
||||
return
|
||||
return
|
||||
}
|
||||
uni.switchTab({
|
||||
url:'../../../pages/tabbar/home/home'
|
||||
})
|
||||
}
|
||||
}
|
||||
uni.switchTab({
|
||||
url: '../../../pages/tabbar/home/home'
|
||||
})
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
})
|
||||
@@ -376,9 +398,12 @@
|
||||
// uni.navigateBack()
|
||||
this.innerAudioContext?.stop()
|
||||
let siteId = uni.getStorageSync('siteId')
|
||||
siteId
|
||||
? uni.switchTab({url:'../../../pages/tabbar/home/home'})
|
||||
: uni.navigateBack() ;
|
||||
siteId
|
||||
?
|
||||
uni.switchTab({
|
||||
url: '../../../pages/tabbar/home/home'
|
||||
}) :
|
||||
uni.navigateBack();
|
||||
},
|
||||
selectRadio() {
|
||||
this.radio === 'A' ? this.radio = '' : this.radio = 'A'
|
||||
@@ -432,8 +457,31 @@
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.customer-service {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
top: 60%;
|
||||
padding-left: 15rpx;
|
||||
width: 180rpx;
|
||||
height: 57rpx;
|
||||
line-height: 57rpx;
|
||||
background: #FFE9CC;
|
||||
font-size: 26rpx;
|
||||
color: #FF6700;
|
||||
box-shadow: 0rpx 4rpx 10rpx 0rpx rgba(255, 232.1327966451645, 216.63716733455658, 1);
|
||||
border-radius: 30rpx 0rpx 0rpx 30rpx;
|
||||
|
||||
image {
|
||||
position: relative;
|
||||
top: 11rpx;
|
||||
// vertical-align: middle;
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
margin-right: 7rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.content {
|
||||
min-height: 100%;
|
||||
position: relative;
|
||||
@@ -527,25 +575,30 @@
|
||||
.yu-card-xuan .action {
|
||||
white-space: nowrap;
|
||||
}
|
||||
.text-centerS{
|
||||
|
||||
.text-centerS {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
}
|
||||
.red_btn{
|
||||
|
||||
.red_btn {
|
||||
margin-right: 20rpx;
|
||||
color: #FFFFFF;
|
||||
background-color: #FF6700;
|
||||
}
|
||||
.box-paddings{
|
||||
padding:40rpx 0;
|
||||
|
||||
.box-paddings {
|
||||
padding: 40rpx 0;
|
||||
}
|
||||
.headShow{
|
||||
|
||||
.headShow {
|
||||
font-size: 36rpx;
|
||||
font-weight: 600;
|
||||
}
|
||||
.showtext{
|
||||
|
||||
.showtext {
|
||||
line-height: 2;
|
||||
font-size: 30rpx;
|
||||
margin-bottom: 30rpx;
|
||||
@@ -554,13 +607,15 @@
|
||||
letter-spacing: 3px;
|
||||
text-align: left;
|
||||
}
|
||||
.checklocation_box_button{
|
||||
|
||||
.checklocation_box_button {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
/* align-items: center; */
|
||||
padding: 0 5%;
|
||||
}
|
||||
.btn-box{
|
||||
|
||||
.btn-box {
|
||||
width: 45%;
|
||||
flex: 0 0 auto;
|
||||
text-align: center;
|
||||
@@ -570,154 +625,166 @@
|
||||
box-sizing: border-box;
|
||||
border: 2rpx solid #bfbfbf;
|
||||
}
|
||||
.box-panding{
|
||||
padding:10 0;
|
||||
|
||||
.box-panding {
|
||||
padding: 10 0;
|
||||
}
|
||||
.checklocation{
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 20%;
|
||||
right: 20%;
|
||||
z-index: 999;
|
||||
}
|
||||
.checklocation_box{
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
.content {
|
||||
min-height: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.navigation {
|
||||
position: absolute;
|
||||
right: 16px;
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
.icon-self {
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
}
|
||||
|
||||
.oil-price {
|
||||
position: relative;
|
||||
}
|
||||
.close-icon{
|
||||
|
||||
.checklocation {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 20%;
|
||||
right: 20%;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.checklocation_box {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
.content {
|
||||
min-height: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.navigation {
|
||||
position: absolute;
|
||||
right: 16px;
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
.icon-self {
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
}
|
||||
|
||||
.oil-price {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.close-icon {
|
||||
position: absolute;
|
||||
right: 2%;
|
||||
top: 2%;
|
||||
}
|
||||
.dialog-box{
|
||||
|
||||
.dialog-box {
|
||||
position: relative;
|
||||
}
|
||||
.oil-price radio {
|
||||
position: absolute;
|
||||
left: 0rem;
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
.qr-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.pay-desc {
|
||||
line-height: 2rem;
|
||||
}
|
||||
|
||||
.bottom-pay {
|
||||
min-height: 100rpx;
|
||||
width: 750upx;
|
||||
}
|
||||
|
||||
.pay-bar {
|
||||
width: 750upx;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.placeholder {
|
||||
min-height: 10upx;
|
||||
}
|
||||
|
||||
.yu-card-xuan {
|
||||
position: relative;
|
||||
top: 110rpx
|
||||
}
|
||||
|
||||
.site-label {
|
||||
max-width: 450upx;
|
||||
min-width: 450upx;
|
||||
}
|
||||
|
||||
.cu-btn.sm {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.site-back {
|
||||
width: 2rem;
|
||||
top: 2.8rem;
|
||||
left: 1rem;
|
||||
}
|
||||
|
||||
.site-icon {
|
||||
width: 1.5rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.my-tag {
|
||||
padding: 0 12rpx;
|
||||
}
|
||||
|
||||
.fixed {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 750upx;
|
||||
}
|
||||
|
||||
.placeholder-hidden {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.yu-card-xuan .action {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.err_btnBox{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
|
||||
.nsjz-flex{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.nsjz-flex-left{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.nsjz-flex-left-body text{
|
||||
font-weight: 600;
|
||||
color: #000;
|
||||
}
|
||||
.nsjz-flex-left-body{
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
.nsjz-flex-left-body text:last-child{
|
||||
color: #ff6700;
|
||||
margin-left: 30rpx;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
.nsjz-flex-botton{
|
||||
color: #FFFFFF;
|
||||
border-radius: 5px;
|
||||
background: #FF6700;
|
||||
padding: 0rpx 34rpx;
|
||||
line-height: 30px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.oil-price radio {
|
||||
position: absolute;
|
||||
left: 0rem;
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
.qr-icon {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.pay-desc {
|
||||
line-height: 2rem;
|
||||
}
|
||||
|
||||
.bottom-pay {
|
||||
min-height: 100rpx;
|
||||
width: 750upx;
|
||||
}
|
||||
|
||||
.pay-bar {
|
||||
width: 750upx;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.placeholder {
|
||||
min-height: 10upx;
|
||||
}
|
||||
|
||||
.yu-card-xuan {
|
||||
position: relative;
|
||||
top: 110rpx
|
||||
}
|
||||
|
||||
.site-label {
|
||||
max-width: 450upx;
|
||||
min-width: 450upx;
|
||||
}
|
||||
|
||||
.cu-btn.sm {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.site-back {
|
||||
width: 2rem;
|
||||
top: 2.8rem;
|
||||
left: 1rem;
|
||||
}
|
||||
|
||||
.site-icon {
|
||||
width: 1.5rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.my-tag {
|
||||
padding: 0 12rpx;
|
||||
}
|
||||
|
||||
.fixed {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 750upx;
|
||||
}
|
||||
|
||||
.placeholder-hidden {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.yu-card-xuan .action {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.err_btnBox {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
|
||||
.nsjz-flex {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.nsjz-flex-left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.nsjz-flex-left-body text {
|
||||
font-weight: 600;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.nsjz-flex-left-body {
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
|
||||
.nsjz-flex-left-body text:last-child {
|
||||
color: #ff6700;
|
||||
margin-left: 30rpx;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
|
||||
.nsjz-flex-botton {
|
||||
color: #FFFFFF;
|
||||
border-radius: 5px;
|
||||
background: #FF6700;
|
||||
padding: 0rpx 34rpx;
|
||||
line-height: 30px;
|
||||
font-size: 16px;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user