From 40fa6ba2e8a941dddb029937ea177414dfd06444 Mon Sep 17 00:00:00 2001 From: liqi Date: Thu, 11 Dec 2025 15:23:18 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E4=BA=86=E9=83=A8=E5=88=86bu?= =?UTF-8?q?g=EF=BC=8C=E4=BC=98=E5=8C=96=E4=BA=86=E9=A6=96=E9=A1=B5?= =?UTF-8?q?=E5=92=8C=E5=95=86=E5=93=81=E5=88=97=E8=A1=A8=E3=80=81=E5=95=86?= =?UTF-8?q?=E5=93=81=E8=AF=A6=E6=83=85=E3=80=81=E8=B4=AD=E7=89=A9=E8=BD=A6?= =?UTF-8?q?=E7=9A=84UI?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages/home/home.vue | 557 +++++++++++++++++++++++------------------- pages/login/login.vue | 214 ++++++++-------- 2 files changed, 401 insertions(+), 370 deletions(-) diff --git a/pages/home/home.vue b/pages/home/home.vue index db38740..1aa3b14 100644 --- a/pages/home/home.vue +++ b/pages/home/home.vue @@ -1,14 +1,14 @@ @@ -204,7 +179,7 @@ export default { storeType: 0, storeinfo: [], doctorList: [], - productList: [], + productList: [], // 存储药品列表数据 show: true, showed: false, shopList: {}, @@ -230,6 +205,15 @@ export default { this.getList(); } }, + created() { + const token = uni.getStorageSync('token') + const userInfo = uni.getStorageSync('userinfo') + if (!token || !userInfo) { + uni.navigateTo({ + url: '/pages/home/index' + }) + } + }, onReady() { if (uni.getStorageSync('store_id')) { this.getStore(); @@ -237,7 +221,8 @@ export default { this.goNewlist() } uni.setNavigationBarTitle({ - title: this.headerTitle + title: this.headerTitle, + success() {} }); uni.setNavigationBarColor({ frontColor: '#000000', @@ -259,7 +244,69 @@ export default { url: '/pages/Inquiries/Inquiries?type=' + type }) }, - // 获取门店信息 + getH5() { + getToken({ + method: "post", + data: { + user_id: uni.getStorageSync('user_id'), + avatarurl: uni.getStorageSync('userinfo')['avatarurl'], + mobile: uni.getStorageSync('userinfo')['mobile'], + nickname: uni.getStorageSync('userinfo')['nickname'], + openid: uni.getStorageSync('userinfo')['openid'], + session_key: uni.getStorageSync('userinfo')['session_key'], + store_id: uni.getStorageSync('store_id') || '11001', + }, + }).then((res) => { + if (res.data.errcode == 0) { + uni.setStorageSync('token_platform_id', res.data.data.token) + } else { + this.$refs.uToast.show({ + title: res.data.msg, + type: 'default', + icon: false + }) + } + }) + }, + tosearch() { + uni.navigateTo({ + url: '/subPackages/shop/search-home' + }) + }, + toStore() { + uni.navigateTo({ + url: '/subPackages/my/mystore' + }) + }, + goLookDoctor(id, sts_id) { + if (!sts_id) { + let sts_id = uni.getStorageSync('store_id') + } + setTimeout(() => { + uni.requestSubscribeMessage({ + tmplIds: ['JdSs08cMSiL17xwwHZ8fZ5UBUqeY0eKAuvyW7n4Fl20', + 'OERMugiahk-aKRVH9GHmdJCRBE3yldzEKTzbMCJhY6U', + 'p-Ix0uIuwPKxm-_yKDlI8mkI-niUgPtaMUZyAaa5vvA' + ], + complete: (res) => { + uni.navigateTo({ + url: '/subPackages/doctor/doctor-detail?store_id=' + sts_id + '&id=' + id + }) + } + }) + }, 200) + }, + toSee() { + uni.scanCode({ + success: function(res) { + uni.showToast({ + title: '扫码成功', + duration: 2000, + icon: "success" + }); + }, + }); + }, getStore() { if (uni.getStorageSync('store_id')) { this.show = false @@ -274,8 +321,13 @@ export default { this.infoList = res.data.data this.headerTitle = res.data.data.store['name'] uni.setNavigationBarTitle({ - title: this.headerTitle + title: this.headerTitle, + success() {}, + fail() { this.getStore() } }); + uni.setNavigationBarColor({ + frontColor: '#000000', + }) this.getBannered(); } }) @@ -301,14 +353,28 @@ export default { uni.setStorageSync('store_id', this.storeinfo[0].store.id) this.headerTitle = this.storeinfo[0].store['name'] uni.setNavigationBarTitle({ - title: this.headerTitle + title: this.headerTitle, + success() {} }); + uni.setNavigationBarColor({ + frontColor: '#000000', + }) this.getBannered(); } + } else { + if (this.isShow_envVersion) { + uni.navigateTo({ url: '/pages/home/index' }) + } else { + uni.navigateTo({ url: '/pages/home/index' }) + } } }) }, - // 获取医生列表 + goList(id) { + uni.navigateTo({ + url: '/pages/home/index-list?type=' + 1 + '&id?=' + id + }) + }, getList() { this.doctorList = []; doctorList({ @@ -333,7 +399,6 @@ export default { } }) }, - // 获取Banner getBannered() { getBanner({ method: "post", @@ -355,11 +420,13 @@ export default { if (!this.urlInfo[e].external_link) return if (this.urlInfo[e].link_type == 1 && this.isShow_envVersion == false) { uni.navigateTo({ - url: this.urlInfo[e].external_link + url: this.urlInfo[e].external_link, + success() {} }) } else { uni.navigateTo({ - url: '/pages/home/home-banner?id=' + this.urlInfo[e].external_link + url: '/pages/home/home-banner?id=' + this.urlInfo[e].external_link, + success() {} }) } }, @@ -368,33 +435,36 @@ export default { getStoreDrugListBySalespersonApi({ store_id: uni.getStorageSync('store_id') || '11001', page: 1, - limit: 3 // 只展示3个商品 + limit: 3 // 【优化点】首页只展示3个热门商品，保持版面简洁 }).then((res) => { if (res.data.code == 0) { this.productList = res.data.result.records; } }) }, + // 跳转药品详情 goProductDetail(item) { uni.navigateTo({ url: `/subPackages/product/symptoms?id=${item.drug.id}&drug_name=${item.drug.drug_name}&is_otc=${item.drug.is_otc}&image=${item.drug.image}&price=${item.price}` }); }, + // 直接购买 buyProduct(item) { uni.navigateTo({ url: `/subPackages/product/product?doctor_id=39®ister_type=3` }); - }, - goLookDoctor(id, sts_id) { - let currentStsId = sts_id || uni.getStorageSync('store_id'); - uni.navigateTo({ - url: '/subPackages/doctor/doctor-detail?store_id=' + currentStsId + '&id=' + id - }) - }, - toStore() { - uni.navigateTo({ - url: '/subPackages/my/mystore' - }) + } + }, + mounted() { + const token = uni.getStorageSync('token') + const id = uni.getStorageSync('store_id') + const d_id = uni.getStorageSync('doctors_id') + const d_store = uni.getStorageSync('st_id') + if (token && id) { + this.toChang(id) + } + if (d_id && token && d_store) { + this.goLookDoctor(d_id, d_store) } }, onShow() { @@ -402,7 +472,7 @@ export default { this.infoList = "" this.getStore(); this.getList(); - this.getProductList(); + this.getProductList(); // 每次显示页面刷新商品列表 }, } @@ -411,6 +481,7 @@ export default { .content { background-color: #fff; width: 750rpx; + max-height: 100%; min-height: 100vh; padding-bottom: env(safe-area-inset-bottom); position: relative; @@ -426,7 +497,7 @@ export default { image { width: 510rpx; height: 621rpx; vertical-align: middle; margin: 200rpx auto 0; } } - /* 头部区域样式 */ + // 1. 头部样式：品牌蓝色渐变背景 .head { width: 750rpx; height: 390rpx; @@ -438,9 +509,10 @@ export default { height: 78rpx; line-height: 78rpx; font-size: 28rpx; + font-family: PingFang SC-Bold, PingFang SC; font-weight: bold; color: #FFFFFF; - margin: 0 auto; + margin: 0rpx auto 0rpx; .iconfont { font-size: 27rpx; color: #fff; margin-left: 16rpx; } } @@ -450,23 +522,26 @@ export default { display: flex; justify-content: space-between; align-items: center; - margin: 0 auto; + margin: 0rpx auto; + .place { font-size: 26rpx; + font-family: PingFang SC-Regular, PingFang SC; + font-weight: 500; color: #FFFFFF; .iconfont { font-size: 25rpx; color: #FFFFFF; margin-right: 10rpx; } } } } - /* 轮播图区域 */ + // 2. 轮播图区域 .section { width: 710rpx; margin: -180rpx auto 30rpx; height: 300rpx; } - /* 导航栏样式：左文右图布局 + 背景图片 */ + // 3. 导航栏样式优化：结合V1布局结构和原版背景图 .nav { width: 710rpx; background: #FFFFFF; @@ -476,31 +551,36 @@ export default { justify-content: space-between; margin: 30rpx auto; + // 通用导航卡片样式 .nav_service { width: 348rpx; height: 178rpx; display: flex; align-items: center; - justify-content: space-between; - padding: 20rpx 30rpx; + justify-content: space-between; // 左右分布：左文字 右图片 + padding: 20rpx 30rpx; // 增加内边距 box-sizing: border-box; border-radius: 24rpx; background-size: 100% 100%; background-repeat: no-repeat; position: relative; + // 左侧文字区域 .nav_content { z-index: 2; display: flex; flex-direction: column; justify-content: center; + .nav_title { - font-size: 38rpx; + font-size: 38rpx; // 加大标题 + font-family: PingFang SC-Heavy, PingFang SC; font-weight: 800; color: #FFFFFF; margin-bottom: 8rpx; text-shadow: 0 2rpx 4rpx rgba(0,0,0,0.1); } + .nav_desc { font-size: 22rpx; color: rgba(255,255,255,0.9); @@ -508,12 +588,14 @@ export default { } } + // 右侧图片区域 .nav_img_wrapper { width: 100rpx; height: 100rpx; display: flex; align-items: center; justify-content: center; + .nav_img { width: 80rpx; height: 80rpx; @@ -522,175 +604,71 @@ export default { } } - /* 背景图资源引用 */ - .bg-clinic { background-image: url('/static/home/bg01.png'); } - .bg-pharmacy { background-image: url('/static/home/bg02.png'); } + // 诊所背景 (bg01) + .bg-clinic { + background-image: url('/static/home/bg01.png'); + } + + // 药店背景 (bg02) + .bg-pharmacy { + background-image: url('/static/home/bg02.png'); + } } - /* 标题栏通用样式 */ + // 列表标题样式 (医生列表/热销药品) .doctor_list { width: 710rpx; font-size: 36rpx; + font-family: PingFang SC-Bold, PingFang SC; font-weight: bold; color: #232323; margin: 44rpx auto 24rpx; display: flex; justify-content: space-between; align-items: center; + .info { font-size: 28rpx; + font-weight: 500; color: #666666; } } - /* ============ 优化后的医生卡片样式 (start) ============ */ - .doctor-card-optimized { - width: 710rpx; - margin: 0 auto 24rpx; + /* 医生卡片样式 (诊所模式) */ + .doctor-card { background: #FFFFFF; - border-radius: 24rpx; - /* 更柔和的阴影，提升高级感 */ - box-shadow: 0 8rpx 24rpx rgba(65, 117, 238, 0.08); - transition: all 0.3s ease; + border-radius: 16rpx; + box-shadow: 0 4rpx 12rpx rgba(65, 117, 238, 0.08); + margin: 0 auto 24rpx; + width: 710rpx; + overflow: hidden; - &:active { - transform: scale(0.99); - } + &:active { transform: translateY(2rpx); } - .card-inner { - padding: 30rpx; - } + .card-content { display: flex; padding: 24rpx; } + .doctor-avatar { width: 100rpx; height: 100rpx; border-radius: 50%; border: 2rpx solid #f0f5ff; flex-shrink: 0; margin-right: 20rpx; } + .doctor-info { flex: 1; min-width: 0; } - /* 顶部布局：头像+信息 */ - .card-top { - display: flex; - margin-bottom: 24rpx; + .name-section { display: flex; align-items: center; margin-bottom: 12rpx; } + .doctor-name { font-size: 32rpx; font-weight: bold; color: #232323; margin-right: 16rpx; } + .title-badge { font-size: 22rpx; color: #4175EE; background: #eef4ff; border-radius: 8rpx; padding: 4rpx 12rpx; flex-shrink: 0; } - .avatar-box { - margin-right: 24rpx; - .avatar-img { - width: 120rpx; - height: 120rpx; - border-radius: 50%; - border: 4rpx solid #F0F6FF; /* 增加浅蓝色边框 */ - } - } + .department-section { display: flex; align-items: center; margin-bottom: 16rpx; .iconfont { font-size: 24rpx; color: #888; margin-right: 6rpx; } .department { font-size: 24rpx; color: #666; } } + .expertise { display: flex; font-size: 26rpx; color: #444; line-height: 1.4; margin-bottom: 16rpx; .expertise-label { color: #666; flex-shrink: 0; } .expertise-content { flex: 1; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } } - .info-box { - flex: 1; - display: flex; - flex-direction: column; - justify-content: space-around; - - /* 第一行：姓名 */ - .name-row { - display: flex; - align-items: center; - margin-bottom: 8rpx; - .name-txt { - font-size: 34rpx; - font-weight: bold; - color: #333; - margin-right: 16rpx; - } - .title-tag { - font-size: 22rpx; - color: #4175EE; - background: rgba(65, 117, 238, 0.1); - padding: 4rpx 12rpx; - border-radius: 8rpx; - } - } - - /* 第二行：科室 */ - .dept-row { - display: flex; - align-items: center; - font-size: 26rpx; - color: #666; - margin-bottom: 8rpx; - .divider { margin: 0 10rpx; color: #ddd; } - } - - /* 第三行：擅长 */ - .skill-row { - display: flex; - font-size: 24rpx; - color: #999; - line-height: 1.4; - .label { flex-shrink: 0; } - .content { - display: -webkit-box; - -webkit-line-clamp: 1; - -webkit-box-orient: vertical; - overflow: hidden; - } - } - } - } - - /* 分割线 */ - .card-line { - height: 1px; - background: #F5F7FA; - margin-bottom: 24rpx; - } - - /* 底部数据与按钮 */ - .card-bottom { - display: flex; - justify-content: space-between; - align-items: center; - - .data-area { - display: flex; - gap: 40rpx; - .data-item { - text-align: center; - .num { - display: block; - font-size: 32rpx; - font-weight: bold; - color: #333; - margin-bottom: 4rpx; - } - .lbl { - font-size: 22rpx; - color: #999; - } - } - } - - /* 修复后的咨询按钮样式 */ - .action-btn { - width: 170rpx; - height: 64rpx; - /* 使用flex布局确保内容居中 */ - display: flex; - align-items: center; - justify-content: center; - background: linear-gradient(135deg, #4A90E2 0%, #5B8FF9 100%); - color: #fff; - font-size: 26rpx; - border-radius: 32rpx; - font-weight: 500; - box-shadow: 0 6rpx 16rpx rgba(74, 144, 226, 0.3); - - .iconfont { - font-size: 28rpx; - margin-right: 6rpx; - } - } - } + .stats { display: flex; align-items: center; justify-content: space-between; padding-top: 12rpx; border-top: 1rpx dashed #e0e7ff; } + .stat-item { flex: 1; text-align: center; } + .stat-value { font-size: 32rpx; font-weight: bold; color: #4175EE; display: block; line-height: 1.2; } + .stat-label { font-size: 24rpx; color: #888; display: block; } + .consult-btn { background: #4175EE; color: white; border-radius: 40rpx; padding: 10rpx 24rpx; font-size: 26rpx; display: flex; align-items: center; .iconfont { font-size: 24rpx; margin-right: 6rpx; } } } - /* ============ 优化后的医生卡片样式 (end) ============ */ - /* 药店模式 - 药品列表容器 */ + // 4. 药店模式 - 药品列表容器 .product-list-container { padding: 0 20rpx; } - /* 药品卡片样式 */ + // 【优化点】首页专用药品卡片：极简风格 .product-card-simple { background: #fff; border-radius: 16rpx; @@ -698,10 +676,19 @@ export default { padding: 24rpx; display: flex; align-items: center; + // 使用微弱的蓝色阴影，呼应主题 box-shadow: 0 4rpx 12rpx rgba(65, 117, 238, 0.08); - .product-img { width: 160rpx; height: 160rpx; border-radius: 12rpx; margin-right: 24rpx; background: #f8f8f8; } + // 药品缩略图 + .product-img { + width: 160rpx; + height: 160rpx; + border-radius: 12rpx; + margin-right: 24rpx; + background: #f8f8f8; + } + // 右侧信息区域布局 .product-info-simple { flex: 1; height: 160rpx; @@ -710,21 +697,77 @@ export default { justify-content: space-between; .product-main { + // 第一行：药名 + 标签 .product-name-row { - display: flex; align-items: center; margin-bottom: 8rpx; - .product-name { font-size: 30rpx; font-weight: bold; color: #333; margin-right: 12rpx; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } - .otc-tag { font-size: 20rpx; padding: 2rpx 8rpx; border-radius: 4rpx; font-weight: bold; border: 1px solid; } + display: flex; + align-items: center; + margin-bottom: 8rpx; + .product-name { + font-size: 30rpx; + font-weight: bold; + color: #333; + margin-right: 12rpx; + flex: 1; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + // OTC标签通用样式 + .otc-tag { + font-size: 20rpx; + padding: 2rpx 8rpx; + border-radius: 4rpx; + font-weight: bold; + border: 1px solid; + } + // 绿底白字 / 红底白字 .otc-green { color: #00B578; border-color: #00B578; } .otc-red { color: #FF4D4F; border-color: #FF4D4F; } } - .product-spec { font-size: 24rpx; color: #999; display: block; margin-bottom: 8rpx; } - .product-tags { display: flex; .tag { font-size: 20rpx; color: #666; background: #f5f5f5; padding: 2rpx 10rpx; border-radius: 4rpx; } } + + // 规格显示 + .product-spec { + font-size: 24rpx; + color: #999; + display: block; + margin-bottom: 8rpx; + } + + // 底部标签容器 + .product-tags { + display: flex; + .tag { + font-size: 20rpx; + color: #666; + background: #f5f5f5; + padding: 2rpx 10rpx; + border-radius: 4rpx; + } + } } + // 底部价格与按钮行 .product-bottom { - display: flex; justify-content: space-between; align-items: flex-end; - .price-box { color: #FF4D4F; font-weight: bold; .currency { font-size: 24rpx; margin-right: 2rpx; } .price { font-size: 36rpx; } } - .buy-btn { background: #4175EE; color: #fff; font-size: 26rpx; padding: 10rpx 30rpx; border-radius: 30rpx; font-weight: 500; } + display: flex; + justify-content: space-between; + align-items: flex-end; + + .price-box { + color: #FF4D4F; + font-weight: bold; + .currency { font-size: 24rpx; margin-right: 2rpx; } + .price { font-size: 36rpx; } + } + + // 购买按钮：保持品牌色 + .buy-btn { + background: #4175EE; + color: #fff; + font-size: 26rpx; + padding: 10rpx 30rpx; + border-radius: 30rpx; + font-weight: 500; + } } } } diff --git a/pages/login/login.vue b/pages/login/login.vue index 28be931..d2c967c 100644 --- a/pages/login/login.vue +++ b/pages/login/login.vue @@ -7,10 +7,9 @@ 欢迎登录 - - - + + + 取消登录 - - + + + :closeable="true" z-index="20000"> + + + + + 服务协议和隐私政策 + + 请您在使用前仔细阅读并同意 + 《用户服务协议》 + 和 + 《隐私政策》 + 。 + + + + + + + + @@ -60,6 +76,7 @@ export default { iv: "", session_key: "", show: false, + showConfirm: false, // 控制确认弹窗显示 content: ``, type: 1, id: 1, @@ -77,7 +94,6 @@ export default { }, methods: { back() { - uni.navigateTo({ url: "/pages/home/index", fail: (e) => { @@ -86,98 +102,35 @@ export default { success() { } }) - // uni.navigateBack({ delta: 1 }) }, + + // 修改点3：处理登录点击逻辑 + handleLoginClick() { + if (!this.form.check) { + // 如果未勾选，显示确认弹窗 + this.showConfirm = true; + } else { + // 如果已勾选，直接登录 + this.getToLogin(); + } + }, + + // 修改点4：同意协议并登录 + agreeAndLogin() { + this.form.check = true; // 勾选协议 + this.showConfirm = false; // 关闭弹窗 + this.getToLogin(); // 执行登录 + }, + getPhoneNumber(e) { uni.loading({ title: "加载中" }); setTimeout(function () { - uni.hideLoading(); }, 800) return; - if (!this.form['check']) { - uni.showToast({ - icon: "error", - title: '请勾选协议' - }) - return - } - - if (e.detail.errMsg && e.detail.errMsg == 'getPhoneNumber:fail user deny') { - // uni.showToast({ - // icon: "error", - // title: '未获取手机号码' - // }) - this.$refs.uToast.show({ - title: '未获取手机号码', - type: 'default', - icon: false - }) - return - } - - this.encryptedData = e.detail.encryptedData; //需要解密的内容 - this.iv = e.detail.iv; //偏移量 - this.code = e.detail.code - // console.log(e); - - let data = { - iv: this.iv, - encryptedData: this.encryptedData, - code: this.code, - store_id: '11001' - } - getLogin({ - method: 'post', - data: data - }).then((res) => { - // console.log(res, 'login'); - if (res.data.errcode == 0) { - if (this.type == 1) { - uni.navigateTo({ - url: "/pages/home/index-list?id=" + this.id, - fail: (e) => { - // console.log(e); - }, - success() { - uni.showToast({ - title: '登陆成功', - duration: 2000 - }); - uni.hideLoading(); - } - }) - return - } - // 进入h5 token是登录返回的platform_token user_id是萧康的用户id - uni.setStorageSync('token_h5', res.data.data.plate_token) - - // setTimeout(() => { - // this.getH5(); - // }, 100) - uni.reLaunch({ - url: "/pages/home/home", - fail: (e) => { - // console.log(e); - }, - success() { - uni.showToast({ - title: '登陆成功', - duration: 2000 - }); - uni.hideLoading(); - } - }) - } else { - uni.showToast({ - icon: "error", - title: res.data.msg - }) - } - }) }, toLogon() { @@ -200,8 +153,6 @@ export default { store_id: uni.getStorageSync('store_id') || '11001', } }).then((res) => { - // console.log(res); - if (e == 1) { this.content = res.data.data[0].content } else { @@ -211,7 +162,6 @@ export default { }, getToLogin(e) { - uni.showLoading({ title: "登录中" }); @@ -220,7 +170,6 @@ export default { provider: 'weixin', success: (loginRes) => { this.code = loginRes.code - // console.log(loginRes.code); getsLogin({ method: "post", data: { @@ -230,7 +179,6 @@ export default { }).then((res) => { uni.hideLoading(); - // console.log(res, "res"); if (res.data.errcode == 0) { uni.setStorageSync('token', res.data.data.token) //存储token uni.setStorageSync('user_id', res.data.data.data.user.id) @@ -267,10 +215,6 @@ export default { } } else if (res.data.errcode != 0) { - // uni.showToast({ - // icon: "error", - // title: res.data.msg - // }) this.$refs.uToast.show({ title: res.data.msg, type: 'default', @@ -387,18 +331,7 @@ export default { border-radius: 64rpx; } - .bg { - width: 648rpx; - height: 88rpx; - background: #8ABAFF; - line-height: 88rpx; - font-size: 32rpx; - text-align: center; - font-family: PingFang SC-Medium, PingFang SC; - font-weight: 400; - color: #FFFFFF; - border-radius: 64rpx; - } + // 移除了 .bg 样式，因为现在按钮始终是激活颜色 } } @@ -406,5 +339,60 @@ export default { .agreen { padding: 60rpx 50rpx 20rpx; } + + // 确认弹窗样式 + .confirm-modal { + padding: 40rpx 30rpx; + background: #fff; + + .confirm-title { + font-size: 34rpx; + font-weight: bold; + color: #333; + text-align: center; + margin-bottom: 30rpx; + } + + .confirm-desc { + font-size: 28rpx; + color: #666; + line-height: 1.6; + margin-bottom: 40rpx; + text-align: center; + + .link { + color: #2979FF; + } + } + + .confirm-footer { + display: flex; + justify-content: space-between; + gap: 20rpx; + + button { + flex: 1; + height: 80rpx; + line-height: 80rpx; + border-radius: 40rpx; + font-size: 30rpx; + border: none; + + &::after { + border: none; + } + } + + .cancel-btn { + background: #F5F7FA; + color: #909399; + } + + .agree-btn { + background: #4175EE; + color: #FFFFFF; + } + } + } }