diff --git a/common/http.interceptor.js b/common/http.interceptor.js index 040d4ce..5dcb86b 100644 --- a/common/http.interceptor.js +++ b/common/http.interceptor.js @@ -20,8 +20,8 @@ const install = (Vue, vm) => { // }, // }); Vue.prototype.$u.http.setConfig({ - baseUrl: 'http://124.221.246.124:2290', - // baseUrl: 'https://kg.chuantewulian.cn/prod-api', + // baseUrl: 'http://124.221.246.124:2290', + baseUrl: 'https://kg.chuantewulian.cn/prod-api', loadingText: '努力加载中~', loadingTime: 1000, // 设置自定义头部content-type diff --git a/page_components/eletj.vue b/page_components/eletj.vue index 22d31d3..cfd850a 100644 --- a/page_components/eletj.vue +++ b/page_components/eletj.vue @@ -1,251 +1,419 @@ @@ -254,115 +422,387 @@ /deep/ .u-title { padding-bottom: 22rpx; } - + /deep/ .u-icon__icon { padding-bottom: 22rpx; } + page { background-color: #F7FAFE; } - .uni-ec-canvas { - width: 100%; - height: 320rpx; - display: block; - margin-top: 30rpx; + .mask { + width: 750rpx; + height: 100vh; + background: #000000; + border-radius: 0rpx 0rpx 0rpx 0rpx; + opacity: 0.2; + z-index: 1; + position: fixed; + top: 0; + left: 0; } + .tanc { + width: 610rpx; + height: 282rpx; + background: #FFFFFF; + border-radius: 30rpx 30rpx 30rpx 30rpx; + position: fixed; + top: 628rpx; + left: 50%; + transform: translateX(-50%); + z-index: 2; + + .tit { + width: 100%; + text-align: center; + margin-top: 28rpx; + font-weight: 500; + font-size: 32rpx; + color: #3D3D3D; + } + + input { + width: 504rpx; + height: 62rpx; + background: #EEEEEE; + border-radius: 6rpx 6rpx 6rpx 6rpx; + margin: auto; + margin-top: 22rpx; + padding-left: 20rpx; + } + + .xian { + width: 610rpx; + height: 2rpx; + background: #D8D8D8; + border-radius: 0rpx 0rpx 0rpx 0rpx; + margin-top: 26rpx; + } + + .anniu { + display: flex; + justify-content: space-between; + height: 98rpx; + + text { + padding: 24rpx; + text-align: center; + box-sizing: border-box; + font-weight: 500; + font-size: 36rpx; + color: #3D3D3D; + display: inline-block; + width: 100%; + height: 100rpx; + } + } + } + .page { - padding: 0 59rpx; - - .title { - margin-top: 120rpx; - font-size: 48rpx; - font-weight: 400; - letter-spacing: 0rpx; - - color: rgba(38, 43, 55, 1); - } - - .card { - padding-top: 32rpx; - margin-top: 46rpx; - width: 632rpx; - height: 586rpx; - background: #8883F0; - box-shadow: 0rpx 16rpx 40rpx 0rpx rgba(42, 130, 228, 0.1); - opacity: 1; - // filter: blur(0px); - border-radius: 40rpx; - - .month { - - margin-left: 22rpx; - font-size: 28rpx; - font-family: Source Han Sans, Source Han Sans; - font-weight: 400; - color: #FFFFFF; - } - - .tit { - margin-top: 18rpx; - margin-left: 22rpx; - font-size: 20rpx; - font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; - font-weight: 400; - color: #FFFFFF; - - } - - .txt { - margin-top: 2rpx; - margin-left: 22rpx; - font-size: 36rpx; - font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; - font-weight: 700; - color: #FFFFFF; - } - - .echarts { - margin-left: 22rpx; - margin-top: 60rpx; - // width: 100%; - // height: 80%; - width: 588rpx; - height: 320rpx; - } - } - - .list { - margin-top: 16rpx; - // height:280rpx; - // overflow-y: scroll; - .card_list { - width: 632rpx; - height: 88rpx; - background: #FFFFFF; - box-shadow: 0rpx 16rpx 40rpx 0rpx rgba(42, 130, 228, 0.1); - opacity: 1; - border-radius: 30rpx; + .zhuhu { + margin-top: 60rpx; + padding: 0 40rpx; + + .card1 { + padding: 34rpx 0 0 40rpx; + width: 670rpx; + height: 260rpx; + background: #FFFFFF; + box-shadow: 0rpx 14rpx 35rpx 0rpx rgba(53, 140, 255, 0.1); + border-radius: 28rpx 28rpx 0rpx 0rpx; + + .top { display: flex; flex-wrap: nowrap; justify-content: space-between; - margin-top: 16rpx; align-items: center; - + .left { - margin-left: 52rpx; - font-size: 28rpx; + font-size: 35rpx; font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; font-weight: 400; - color: #808080; + color: #8883F0; } - + .right { - margin-right: 20rpx; - font-size: 28rpx; - font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; - font-weight: 400; - color: #808080; + margin-right: 56rpx; + + .img1 { + width: 76rpx; + height: 76rpx; + } + } + } + + .mid { + margin-top: 20rpx; + display: flex; + flex-wrap: nowrap; + align-content: flex-start; + + .mid_left { + image { + width: 160rpx; + height: 160rpx; + border-radius: 20rpx; + } + } + + .mid_right { + margin-left: 40rpx; + display: flex; + flex-wrap: wrap; + + .mid_top { + width: 100%; + font-size: 42rpx; + font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; + font-weight: 400; + color: #262B37; + } + + .mid_bot { + display: flex; + flex-wrap: nowrap; + align-items: center; + + .txt { + font-size: 26rpx; + font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; + font-weight: 400; + color: #95989D; + } + + .tip { + display: flex; + align-items: center; + justify-content: center; + margin-left: 19rpx; + // width: 38rpx; + // height: 23rpx; + padding: 0 10rpx; + box-sizing: border-box; + background: rgba(204, 204, 204, 0); + opacity: 1; + border: 2rpx solid #8883F0; + border-radius: 15rpx; + font-size: 26rpx; + font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; + font-weight: 400; + color: #8883F0; + } + } + } + } + + .bot { + margin-top: 53rpx; + display: flex; + flex-wrap: nowrap; + align-items: center; + + .bot_left { + width: 210rpx; + height: 180rpx; + margin-right: 34rpx; + + .echarts { + // width: 210rpx; + height: 200rpx; + + .uni-ec-canvas { + width: 100%; + height: 100rpx !important; + display: block; + // margin-top: 30rpx; + } + } + } + + .bot_right { + // margin-top: 50rpx; + display: flex; + // flex-wrap: nowrap; + width: 100%; + justify-content: space-between; + padding-left: 80rpx; + padding-right: 80rpx; + box-sizing: border-box; + + .cont { + .tit { + font-size: 28rpx; + font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; + font-weight: 600; + color: #262B37; + line-height: 49rpx; + } + + .txt { + font-size: 26rpx; + font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; + font-weight: 400; + color: #262B37; + } + } } } } + .bot_right { + // margin-top: 50rpx; + display: flex; + // flex-wrap: nowrap; + width: 100%; + justify-content: space-between; + padding-left: 45rpx; + padding-right: 80rpx; + box-sizing: border-box; + .cont { + .tit { + font-size: 28rpx; + font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; + font-weight: 600; + color: #262B37; + line-height: 49rpx; + margin-left: 0; + } + + .txt { + font-size: 26rpx; + font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; + font-weight: 400; + color: #262B37; + } + } + } + + .card2 { + padding-top: 0rpx; + width: 670rpx; + height: 60rpx; + background: #FFFFFF; + border-radius:0 0 28rpx 28rpx; + + .tit { + margin-left: 40rpx; + + font-size: 35rpx; + font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; + font-weight: 400; + color: #8883F0; + } + + .cont_box { + margin-top: 32rpx; + display: flex; + flex-wrap: nowrap; + justify-content: space-around; + + + .cont { + width: 25%; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; + text-align: center; + + .top { + width: 110rpx; + font-size: 32rpx; + font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; + font-weight: 400; + color: #262B37; + } + + .bot { + margin-top: 20rpx; + font-size: 26rpx; + font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; + font-weight: 400; + color: #262B37; + } + } + } + } + + .card3 { + padding-top: 40rpx; + margin-top: 24rpx; + width: 670rpx; + // height: 318rpx; + background: #FFFFFF; + box-shadow: 0rpx 16rpx 40rpx 0rpx rgba(53, 140, 255, 0.1); + border-radius: 28rpx; + padding-bottom: 20rpx; + + .tit { + margin-left: 40rpx; + + font-size: 35rpx; + font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; + font-weight: 400; + color: #8883F0; + } + + .cont_box { + // padding-left: 30rpx; + // padding-right: 30rpx; + padding: 0 40rpx; + margin-top: 32rpx; + display: flex; + flex-wrap: nowrap; + justify-content: space-around; + + .cont:last-child { + margin-right: 0rpx; + } + + .cont { + width: 112rpx; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; + margin-right: 80rpx; + + .top { + image { + width: 56rpx; + height: 56rpx; + } + } + + .bot { + margin-top: 15rpx; + font-size: 28rpx; + font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; + font-weight: 400; + color: #808080; + } + } + } + } + + .button { + margin-left: 76rpx; + margin-top: 178rpx; + display: flex; + justify-content: center; + align-items: center; + width: 520rpx; + height: 104rpx; + background: #8883F0; + box-shadow: 0rpx 16rpx 40rpx 0rpx rgba(42, 130, 228, 0.1); + border-radius: 52rpx 52rpx 52rpx 52rpx; + + font-size: 32rpx; + font-family: HarmonyOS Sans SC, HarmonyOS Sans SC; + font-weight: 400; + color: #FFFFFF; + } } - - + + + } \ No newline at end of file diff --git a/page_components/fuwu/index.vue b/page_components/fuwu/index.vue index 3cc4a29..2861455 100644 --- a/page_components/fuwu/index.vue +++ b/page_components/fuwu/index.vue @@ -80,8 +80,7 @@ id="myTextarea" cols="30" rows="10" - style="pointer-events: none;" - > + style="pointer-events: none;"> @@ -100,8 +99,6 @@ - - @@ -392,29 +389,29 @@ }) if (this.ver_data == '') { let that = this + xBlufi.initXBlufi(1); + xBlufi.listenDeviceMsgEvent(true, that.funListenDeviceMsgEvent); + xBlufi.notifyStartDiscoverBle({ + 'isStart': true + }) + setTimeout(() => { + xBlufi.notifyStartDiscoverBle({ + 'isStart': false + }) + if (that.devicesList.length > 0) { + xBlufi.notifyConnectBle({ + isStart: true, + deviceId: that.deviceId, + name: that.name + }) + } + }, 2000) uni.showModal({ - title: '提示', - content: '支付失败,支付的时候请靠近设备,并打开蓝牙', + title: '温馨提示', + content: '支付失败,支付的时候需要靠近设备,并打开蓝牙', success: function(res) { if (res.confirm) { - xBlufi.initXBlufi(1); - xBlufi.listenDeviceMsgEvent(true, that.funListenDeviceMsgEvent); - xBlufi.notifyStartDiscoverBle({ - 'isStart': true - }) - setTimeout(() => { - xBlufi.notifyStartDiscoverBle({ - 'isStart': false - }) - if (that.devicesList.length > 0) { - xBlufi.notifyConnectBle({ - isStart: true, - deviceId: that.deviceId, - name: that.name - }) - } - }, 2000) } else if (res.cancel) { console.log('用户点击了取消'); } @@ -451,10 +448,11 @@ url: '/pages/shouye/index' }) uni.setStorageSync('time', that.expireTimeStr) - }, - fail(err) { - this.czflag = false - uni.hideLoading() + },fail(err) { + setTimeout(()=>{ + this.czflag = false + uni.hideLoading() + },500) // 支付失败逻辑 uni.showToast({ title: '支付失败', @@ -469,6 +467,8 @@ uni.reLaunch({ url: '/pages/login/login' }) + }else{ + this.czflag = false } }) } @@ -497,7 +497,7 @@ if (device.name == this.mac) { this.deviceId = device.deviceId this.name = device.name - console.log(device.name,this.mac,'222'); + // console.log(device.name,this.mac,'222'); this.devicesList.push(device); let uniqueDevicesList = Array.from(new Set(this.devicesList)); // 将去重后的数组重新赋值给 this.devicesList @@ -521,11 +521,10 @@ break; case xBlufi.XBLUFI_TYPE.TYPE_RECIEVE_CUSTON_DATA: - this.ver_data = this.parseCustomData(options.data) + console.log("1收到设备发来的自定义数据结果:", this.ver_data); this.czflag = false uni.hideLoading() - console.log("1收到设备发来的自定义数据结果:", this.ver_data); break; case xBlufi.XBLUFI_TYPE.TYPE_GET_DEVICE_LISTS_STOP: if (options.result) { @@ -533,17 +532,7 @@ let filteredDevices = uniqueDevicesList.filter(device => device.name.substring(0, 4) === "CTKG"); // 将过滤后的数组重新赋值给 this.devicesList this.devicesList = filteredDevices; - filteredDevices.forEach(device => { - // 从设备名称中提取 MAC 地址(假设 MAC 地址是设备名称的后6个字符) - let macFromName = device.name.substring(device.name.length - 12); - console.log(macFromName); - // 与 this.mac 进行比较 - if (macFromName == this.mac) { - this.ishave = true; - } - }) } - this.searching = false break; case xBlufi.XBLUFI_TYPE.TYPE_GET_DEVICE_LISTS_START: if (!options.result) { diff --git a/page_fenbao/statulist/myorder/detailxq/index.vue b/page_fenbao/statulist/myorder/detailxq/index.vue index 532dcaf..b45a8b3 100644 --- a/page_fenbao/statulist/myorder/detailxq/index.vue +++ b/page_fenbao/statulist/myorder/detailxq/index.vue @@ -24,6 +24,9 @@ 支付中 + + 退款中 + 设备编号{{detailobj.deviceName == undefined ? '--' : detailobj.deviceName}} @@ -34,6 +37,9 @@ 用户{{detailobj.userName == undefined ? '--' : detailobj.userName}} + + 收款人手机号{{detailobj.mchName == undefined ? '--' : detailobj.mchName}} + 消费时间{{detailobj.createTime == undefined ? '--' : detailobj.createTime}} @@ -58,7 +64,7 @@ 共计¥{{detailobj.money == undefined ? '--' : detailobj.money}} - 支付中 + + 退款中 + {{item.money}}元 diff --git a/page_user/cbRecord.vue b/page_user/cbRecord.vue index 20b89f0..c17ca12 100644 --- a/page_user/cbRecord.vue +++ b/page_user/cbRecord.vue @@ -7,7 +7,7 @@ {{item.deviceName}} - 地点:{{item.storeName}} + 地点:{{item.storeName == null ? '--' : item.storeName}} 订单号:{{item.billNo}} 消费时间:{{item.createTime}} diff --git a/page_user/sbdetail.vue b/page_user/sbdetail.vue index 1217090..4bc7d92 100644 --- a/page_user/sbdetail.vue +++ b/page_user/sbdetail.vue @@ -182,7 +182,7 @@ deviceInfo: {}, loadings: false, info: '', - tittxt: "设备列表", + tittxt: "设备详情", titlist: [ "全部", "电表", diff --git a/pages/shouye/index.vue b/pages/shouye/index.vue index f3f4ec7..f98d222 100644 --- a/pages/shouye/index.vue +++ b/pages/shouye/index.vue @@ -9,6 +9,23 @@ + + + + + @@ -74,6 +91,7 @@ export default { data() { return { + listflag:false, params: { year: true, month: true, @@ -101,13 +119,13 @@ bgc: { backgroundColor: "#8883F0", }, - deviceobj:{}, - deviceCount:0 + deviceobj: {}, + deviceCount: 0 }; }, onLoad(option) { if (option.flag) { - let id = option.id + let id = option.id this.$u.get(`/app/device/${id}/withSuitList`).then((res) => { if (res.code == 200) { this.deviceobj = res.data; @@ -125,14 +143,15 @@ that.$u.put("/app/device/bind", data).then(res => { if (res.code == 200) { uni.navigateTo({ - url: '/page_user/sbdetail?id=' +that.deviceobj.deviceId + url: '/page_user/sbdetail?id=' + that.deviceobj + .deviceId }) - }else { - if(res.msg == '设备未录入'){ + } else { + if (res.msg == '设备未录入') { uni.navigateTo({ - url:'/page_fenbao/zhuce?sn=' + id + url: '/page_fenbao/zhuce?sn=' + id }) - }else{ + } else { uni.showToast({ title: res.msg, icon: 'none', @@ -167,6 +186,19 @@ } }, methods: { + btnitem(){ + uni.navigateTo({ + url:'/page_components/eletj' + }) + }, + // 点击显示使用中设备 + btnorder(){ + this.listflag = true + }, + btnorders(){ + this.listflag = false + }, + btnad() { this.$u.get("/app/ad").then((res) => { if (res.code == 200) { @@ -183,7 +215,7 @@ }) }, - + calculateAnchorX(name) { let chineseLength = 0 let englishLength = 0 @@ -309,11 +341,12 @@ this.longitude = Number(res.longitude.toFixed(5)) + 0.005 this.setMapScale() // 请求附近的店铺 - this.$u.get("/app/store/listNearBy?center=" + this.jinweidu + '&radius=' + 1000).then(res => { + this.$u.get("/app/store/listNearBy?center=" + this.jinweidu + '&radius=' + 1000).then( + res => { if (res.code == 200) { this.listmap = res.data res.data.forEach(item => { - if (item.deviceCount !== null && item.deviceCount > 0){ + if (item.deviceCount !== null && item.deviceCount > 0) { const shopCover = { id: parseFloat(item.storeId), latitude: item.lat, @@ -326,27 +359,33 @@ anchorX: (() => { if (item.name.length <= 2) { return -12 - } else if (item.name.length <= 3) { + } else if (item.name.length <= + 3) { return -20 - } else if (item.name.length <= 4) { + } else if (item.name.length <= + 4) { return -25 - } else if (item.name.length <= 5) { + } else if (item.name.length <= + 5) { return -30 - } else if (item.name.length <= 6) { + } else if (item.name.length <= + 6) { return -35 - } else if (item.name.length <= 8) { + } else if (item.name.length <= + 8) { return -40 } else if (item.name.length <= 10) { return -45 } else { - return -item.name.length * 6 + return -item.name.length * + 6 } })(), fontWeight: 700, color: '#8883F0', - borderColor:'#fff', - borderRadius:5, + borderColor: '#fff', + borderRadius: 5, bgColor: '#fff' } } @@ -378,46 +417,46 @@ }, addMarkersWithoutLabels() { this.listmap.forEach((item) => { - if (item.deviceCount !== null && item.deviceCount > 0){ + if (item.deviceCount !== null && item.deviceCount > 0) { const shopCover = { - id: parseFloat(item.storeId), - latitude: item.lat, - longitude: item.lng, - width: 25, - height: 30, - iconPath: 'https://api.ccttiot.com/smartmeter/img/static/uZXgsJE6hXbRSwbKILB4', - borderColor:'#fff', - borderRadius:5, - bgColor: '#fff' - }; - this.covers.push(shopCover); + id: parseFloat(item.storeId), + latitude: item.lat, + longitude: item.lng, + width: 25, + height: 30, + iconPath: 'https://api.ccttiot.com/smartmeter/img/static/uZXgsJE6hXbRSwbKILB4', + borderColor: '#fff', + borderRadius: 5, + bgColor: '#fff' + }; + this.covers.push(shopCover); } }); }, addMarkersWithLabels() { this.listmap.forEach((item) => { - if (item.deviceCount !== null && item.deviceCount > 0){ + if (item.deviceCount !== null && item.deviceCount > 0) { const shopCover = { - id: parseFloat(item.storeId), - latitude: item.lat, - longitude: item.lng, - width: 25, - height: 30, - iconPath: 'https://api.ccttiot.com/smartmeter/img/static/uZXgsJE6hXbRSwbKILB4', - label: { - content: item.name, - anchorX: this.calculateAnchorX(item.name), - fontWeight: 700, - color: '#8883F0', - textShadow: '2px 2px 0px white, -2px -2px 0px white, 2px -2px 0px white, -2px 2px 0px white', - borderColor:'#fff', - borderRadius:5, - bgColor: '#fff' + id: parseFloat(item.storeId), + latitude: item.lat, + longitude: item.lng, + width: 25, + height: 30, + iconPath: 'https://api.ccttiot.com/smartmeter/img/static/uZXgsJE6hXbRSwbKILB4', + label: { + content: item.name, + anchorX: this.calculateAnchorX(item.name), + fontWeight: 700, + color: '#8883F0', + textShadow: '2px 2px 0px white, -2px -2px 0px white, 2px -2px 0px white, -2px 2px 0px white', + borderColor: '#fff', + borderRadius: 5, + bgColor: '#fff' + } } + this.covers.push(shopCover); } - this.covers.push(shopCover); - } - + }); }, @@ -429,37 +468,37 @@ }, logins() { - if (uni.getStorageSync('userType')) { - this.userType = uni.getStorageSync('userType') - this.userType = '01' - if (this.userType == '01') { - this.getDeviceList() - } else if (this.userType == '00') { - this.getdevice() - } - } else { + // if (uni.getStorageSync('userType')) { + // this.userType = uni.getStorageSync('userType') + // this.userType = '01' + // if (this.userType == '01') { + // this.getDeviceList() + // } else if (this.userType == '00') { + // this.getdevice() + // } + // } else { - } + // } this.getuserinfo() }, getuserinfo() { this.$u.get("/app/user/userInfo").then((res) => { if (res.code == 200) { this.isMch = res.data.isMch - uni.setStorageSync('userType', res.data.userType) + uni.setStorageSync('userType', res.data) this.userType = res.data.userType this.deviceCount = res.data.deviceCount - if (this.userType == '01') { - this.getDeviceList() - } else if (this.userType == '00') { - this.getdevice() - } + // if (this.userType == '01') { + // this.getDeviceList() + // } else if (this.userType == '00') { + // this.getdevice() + // } } else { this.jmlogin() } }) }, - + jmlogin() { let taht = this wx.login({ @@ -530,7 +569,8 @@ .dateactive { background: #E1F3ED; } - .mask{ + + .mask { width: 100%; height: 100vh; position: fixed; @@ -539,7 +579,7 @@ transform: translateX(-50%); background-color: #000; opacity: .6; - } + } page { background: linear-gradient(180deg, #8883F0 10%, rgba(255, 255, 255, 0) 100%); @@ -835,6 +875,68 @@ padding-top: 16rpx; position: relative; + .ongoing_order { + width: 622rpx; + max-height: 100%; + background-color: rgba(0, 0, 0, 0.4); + border-radius: 40rpx 40rpx 40rpx 40rpx; + // opacity: 0.6; + position: absolute; + top: 48rpx; + left: 34rpx; + .order_list{ + width: 100%; + height: 110rpx; + // background-color: rgba(0, 0, 0, 0.6); + border-radius: 40rpx 40rpx 40rpx 40rpx; + display: flex; + align-items: center; + justify-content: space-between; + font-size: 36rpx; + color: #FFFFFF; + padding: 0 38rpx; + padding-right: 56rpx; + box-sizing: border-box; + line-height: 110rpx; + animation: fadeInDown .5s ease-out forwards; + image{ + width: 17rpx; + height: 34rpx; + } + } + .order_top { + width: 622rpx; + height: 94rpx; + background: rgba(0, 0, 0, 0.6); + box-shadow: 0rpx 4rpx 10rpx 0rpx rgba(0,0,0,0.3); + border-radius: 40rpx 40rpx 40rpx 40rpx; + display: flex; + align-items: center; + justify-content: space-between; + padding: 18rpx 42rpx; + box-sizing: border-box; + font-weight: 400; + font-size: 36rpx; + color: #FFFFFF; + + .order_lt { + display: flex; + align-items: center; + image { + width: 44rpx; + height: 62rpx; + margin-right: 20rpx; + } + } + image{ + width: 47rpx; + height: 47rpx; + padding-bottom: 10rpx; + box-sizing: border-box; + } + } + } + .fujin { position: absolute; top: 730rpx; @@ -877,4 +979,14 @@ } } } + @keyframes fadeInDown { + from { + opacity: 0; + transform: translateY(-20px); + } + to { + opacity: 1; + transform: translateY(0); + } + } \ No newline at end of file