From 5abcde36961125cbf436f91b8c17610a6b5f8308 Mon Sep 17 00:00:00 2001
From: sen <sen@qq.com>
Date: 星期三, 15 四月 2026 12:15:08 +0800
Subject: [PATCH] 修改调度单必填校验
---
ui/car_wx_app/pages/acknowledgement/index.vue | 435 ++++++++++++++++++++++++++++--------------------------
1 files changed, 225 insertions(+), 210 deletions(-)
diff --git a/ui/car_wx_app/pages/acknowledgement/index.vue b/ui/car_wx_app/pages/acknowledgement/index.vue
index 94b9a51..534b216 100644
--- a/ui/car_wx_app/pages/acknowledgement/index.vue
+++ b/ui/car_wx_app/pages/acknowledgement/index.vue
@@ -1,270 +1,285 @@
<template>
- <view class="container">
- <!-- 椤堕儴瀵艰埅鏍� -->
- <Nav title="绛剧讲鍋ュ悍鎵胯涔�" customBack="pages/signContract/index"></Nav>
+ <view class="container">
+ <Nav title="绛剧讲鍋ュ悍鎵胯涔�" customBack="pages/signContract/index" />
- <!-- 鎵胯涔﹀唴瀹瑰尯鍩燂紙鍙粴鍔級 -->
- <scroll-view class="content-scroll" scroll-y="true">
- <view class="agreement-content">
- <!-- 鎵胯涔﹀唴瀹逛繚鎸佷笉鍙� -->
- <text class="title">璐ц溅鍙告満鍑鸿溅鍓嶅仴搴锋壙璇轰功</text>
-
- <text class="paragraph">鏈汉 [ ]锛岃韩浠借瘉鍙� [ ]锛岀郴 [鐝犳捣姹囩晠/娴锋腐璐ц繍]鍏徃
- 鐨勮揣杞﹀徃鏈恒�備负纭繚琛岃溅瀹夊叏锛屼繚闅滆嚜宸卞強浠栦汉鐨勭敓鍛借储浜у畨鍏紝鐜板氨鏈鍑鸿溅鍓嶇殑韬綋鍋ュ悍鐘跺喌浣滃嚭濡備笅鎵胯锛�</text>
-
- <text class="heading">涓�銆佽韩浣撳熀鏈姸鍐�</text>
- <text class="paragraph">1.
- 鏈汉鐩墠鏃犱换浣曠柧鐥呯棁鐘讹紝鏈嚭鐜板彂鐑�佸挸鍡姐�佸ご鏅曘�佽兏闂枫�佸績鎱屻�佸懠鍚稿洶闅俱�佽偄浣撻夯鏈ㄣ�佸叧鑺傜柤鐥涚瓑鍙兘褰卞搷椹鹃┒瀹夊叏鐨勬儏鍐碉紝韬綋鍚勯」鏈鸿兘姝ｅ父锛屾棤浠讳綍鍙兘瀵艰嚧绐佸彂鐤剧梾鐨勫畨鍏ㄩ殣鎮ｃ��</text>
- <text class="paragraph">2.
- 鏈汉鏃犻珮琛�鍘嬨�佸績鑴忕梾銆佺櫕鐥瓑鍙兘褰卞搷瀹夊叏椹鹃┒鐨勬參鎬х柧鐥呮垨瀹舵棌閬椾紶鐥呭彶銆傚鏈夌浉鍏崇梾鍙诧紝鏈汉鎵胯鍦ㄥ嚭杞﹀墠宸插悜鍏徃濡傚疄鍛婄煡锛屽苟鎸夌収鍖诲槺閲囧彇浜嗗繀瑕佺殑棰勯槻鎺柦锛屼笖褰撳墠韬綋鐘跺喌绗﹀悎鍑鸿溅瑕佹眰锛岃鍘嬫祴閲忓�煎湪姝ｅ父鑼冨洿鍐咃紝鏀剁缉鍘嬪皬浜�
- 140mmHg锛岃垝寮犲帇灏忎簬 90mmHg銆�</text>
-
- <text class="heading">浜屻�佺簿绁炰笌蹇冪悊鐘舵��</text>
- <text class="paragraph">1. 绮剧鐘舵�佽壇濂斤紝鏃犵柌鍔炽�佸洶鍊︺�佺劍铏戙�佺儲韬佺瓑涓嶈壇鎯呯华锛岃兘澶熼泦涓簿鍔涢┚椹惰溅杈嗭紝淇濊瘉鍦ㄨ椹惰繃绋嬩腑淇濇寔楂樺害鐨勬敞鎰忓姏鍜岃瑙夋�с�傚湪杩囧幓鐨� 24
- 灏忔椂鍐咃紝鏈汉鏈夎冻澶熺殑浼戞伅鏃堕棿锛屾湭杩涜浠讳綍鍙兘瀵艰嚧韬綋鐤插姵鐨勬椿鍔紝鑳藉纭繚杩炵画椹鹃┒涓嶈秴杩� 4 灏忔椂锛屽苟鍦ㄦ劅瑙夌柌鍔虫椂鍙婃椂鍋滆溅浼戞伅銆�</text>
- <text class="paragraph">2. 蹇冪悊鐘舵�佺ǔ瀹氾紝鏃犳儏缁尝鍔ㄣ�佸績鐞嗗帇鍔涜繃澶ф垨绮剧璐熸媴绛夋儏鍐碉紝涓嶄細鍥犱釜浜烘儏缁棶棰樺奖鍝嶉┚椹跺畨鍏ㄣ��</text>
-
- <text class="heading">涓夈�佽嵂鐗╀笌閰掔簿鎯呭喌</text>
- <text class="paragraph">1. 鏈汉杩戞湡鏈湇鐢ㄤ换浣曞彲鑳藉紩璧峰棞鐫°�佺湬鏅曘�佸够瑙夈�佸叴濂嬬瓑涓嶈壇鍙嶅簲鐨勮嵂鐗╋紝纭繚椹鹃┒杩囩▼涓笉浼氬洜鑽墿浣滅敤鑰屽嚭鐜拌涓哄け鎺ф垨鍙嶅簲杩熼挐鐨勬儏鍐点��</text>
- <text class="paragraph">2. 鏈汉鎵胯鍦ㄥ嚭杞﹀墠鍙婇┚椹惰繃绋嬩腑涓嶉ギ鐢ㄤ换浣曞惈閰掔簿鐨勯ギ鍝侊紝淇濊瘉琛�娑查厭绮惧惈閲忎负闆讹紝涓ユ牸閬靛畧 鈥滈厭鍚庝笉寮�杞︼紝寮�杞︿笉鍠濋厭鈥�
- 鐨勫師鍒欙紝閬垮厤鍥犻厭绮惧奖鍝嶅鑷寸殑浜ら�氫簨鏁呫��</text>
-
- <text class="heading">鍥涖�侀伒瀹堝叕鍙歌瀹氫笌瀹夊叏椹鹃┒鎵胯</text>
- <text class="paragraph">1. 鏈汉灏嗕弗鏍奸伒瀹堝叕鍙哥殑鍚勯」瑙勭珷鍒跺害鍜屾搷浣滄祦绋嬶紝鎸夌収瑙勫畾鐨勬椂闂淬�佽矾绾垮拰浠诲姟杩涜杩愯緭浣滀笟锛屼笉绉佽嚜鏇存敼琛岀▼锛屼笉杩濊瓒呴�熴�佽秴杞姐�佺柌鍔抽┚椹躲��</text>
- <text class="paragraph">2.
- 鍦ㄩ┚椹惰繃绋嬩腑锛屼弗鏍奸伒瀹堜氦閫氳鍒欙紝娉ㄦ剰浜ら�氬畨鍏紝鏂囨槑椹鹃┒锛屼笉寮鸿瓒呰溅銆佷笉鍗犵敤搴旀�ヨ溅閬撱�佷笉杩濊鍙橀亾锛屼笌鍓嶈溅淇濇寔瀹夊叏璺濈锛屽挨鍏舵槸鍦ㄩ珮閫熻椹舵椂锛屾彁鍓嶉鍒ら闄╋紝纭繚琛岃溅瀹夊叏銆�</text>
-
- <text
- class="paragraph">鏈汉娣辩煡浣滀负涓�鍚嶈揣杞﹀徃鏈猴紝鑹ソ鐨勮韩浣撶姸鍐靛拰涓ユ牸閬靛畧瀹夊叏椹鹃┒瑙勫畾鏄畨鍏ㄨ杞︾殑鍩虹銆傚鍥犳湰浜洪殣鐬掕韩浣撲笉閫傘�佽繚瑙勯┚椹躲�佹湇鐢ㄥ奖鍝嶉┚椹跺畨鍏ㄧ殑鑽墿鎴栭厭鍚庨┚椹剁瓑琛屼负瀵艰嚧鐨勫畨鍏ㄤ簨鏁咃紝鏈汉鎰挎剰鎵挎媴鐢辨浜х敓鐨勪竴鍒囨硶寰嬭矗浠诲拰缁忔祹璧斿伩锛屽苟鎺ュ彈鍏徃鐩稿簲鐨勫缃氥��</text>
-
- <text class="paragraph">鐗规鎵胯锛�</text>
-
- <text class="sign-line">鎵胯浜虹瀛楋細[ ]</text>
- <text class="sign-line">鏃ユ湡锛歔 ]</text>
- </view>
- </scroll-view>
-
- <!-- 搴曢儴鍥哄畾鍖哄煙锛堝嬀閫夋+鎸夐挳锛� -->
- <view class="bottom-fixed">
- <!-- 鍕鹃�夊尯鍩� -->
- <view class="agree-area">
- <view class="checkbox-group">
- <!-- <checkbox
- class="checkbox"
- :checked="isAgreed"
- @change="handleAgreeChange"
- ></checkbox> -->
-
- <uni-data-checkbox multiple v-model="value" :localdata="range" @change="change"></uni-data-checkbox>
- <!-- <text class="agree-text">鎴戝凡闃呰骞剁悊瑙ｄ笂杩板唴瀹癸紝鑷効绛剧讲</text> -->
- <text class="required">*</text>
- </view>
-
- </view>
-
- <!-- 搴曢儴鎸夐挳 -->
- <view class="btn-group">
- <button class="cancel-btn" @click="navigateBack">鍙栨秷</button>
- <button class="next-btn" @click="goToNextStep">涓嬩竴姝�</button>
-
- </view>
-
-
+ <scroll-view class="content-scroll" scroll-y>
+ <view class="agreement-content">
+ <text class="title">{{ agreementContent.title }}</text>
+ <text class="intro">{{ agreementContent.intro }}</text>
+ <view v-for="(section, i) in agreementContent.sections" :key="i" class="section">
+ <text class="section-title">{{ section.title }}</text>
+ <text v-for="(p, j) in section.paragraphs" :key="j" class="paragraph">{{ j + 1 }}. {{ p }}</text>
</view>
+ <text class="footer">{{ agreementContent.footer }}</text>
+ <text class="ending">{{ agreementContent.ending }}</text>
+ <view class="signature">
+ <text v-for="(line, i) in agreementContent.signature" :key="i" class="sign-line">{{ line }}</text>
+ </view>
+ </view>
+ </scroll-view>
+
+ <!-- 搴曢儴鍥哄畾鏍� -->
+ <view class="bottom-fixed">
+ <view class="agree-area">
+ <label class="checkbox-group" @tap="toggleAgree">
+ <checkbox :checked="isAgreed" color="#1677ff" />
+ <text class="agree-text">鎴戝凡闃呰骞剁悊瑙ｄ笂杩板唴瀹癸紝鑷効绛剧讲</text>
+ <text class="required">*</text>
+ </label>
+ </view>
+ <view class="btn-group">
+ <button class="cancel-btn" @tap="navigateBack">鍙栨秷</button>
+ <button
+ class="next-btn"
+ :class="{ disabled: !isAgreed }"
+ :disabled="!isAgreed || loading"
+ @tap="goToNextStep"
+ >
+ {{ loading ? '澶勭悊涓�...' : '涓嬩竴姝�' }}
+ </button>
+ </view>
</view>
+ </view>
</template>
<script>
-export default {
- data() {
- return {
- // 鍕鹃�夌姸鎬�
- isAgreed: false,
- formData: {
- uploadIshow: false
- },
- value: 0,
- range: [{ "value": 0, "text": "鎴戝凡闃呰骞剁悊瑙ｄ笂杩板唴瀹癸紝鑷効绛剧讲" }]
- };
+// ============ 鎵胯涔﹀唴瀹归厤缃� ============
+const AGREEMENT_CONTENT = {
+ title: '璐ц溅鍙告満鍑鸿溅鍓嶅仴搴锋壙璇轰功',
+ intro: '鏈汉 [ ]锛岃韩浠借瘉鍙� [ ]锛岀郴 [鐝犳捣姹囩晠/娴锋腐璐ц繍]鍏徃鐨勮揣杞﹀徃鏈恒�備负纭繚琛岃溅瀹夊叏锛屼繚闅滆嚜宸卞強浠栦汉鐨勭敓鍛借储浜у畨鍏紝鐜板氨鏈鍑鸿溅鍓嶇殑韬綋鍋ュ悍鐘跺喌浣滃嚭濡備笅鎵胯锛�',
+ sections: [
+ {
+ title: '涓�銆佽韩浣撳熀鏈姸鍐�',
+ paragraphs: [
+ '鏈汉鐩墠鏃犱换浣曠柧鐥呯棁鐘讹紝鏈嚭鐜板彂鐑�佸挸鍡姐�佸ご鏅曘�佽兏闂枫�佸績鎱屻�佸懠鍚稿洶闅俱�佽偄浣撻夯鏈ㄣ�佸叧鑺傜柤鐥涚瓑鍙兘褰卞搷椹鹃┒瀹夊叏鐨勬儏鍐碉紝韬綋鍚勯」鏈鸿兘姝ｅ父锛屾棤浠讳綍鍙兘瀵艰嚧绐佸彂鐤剧梾鐨勫畨鍏ㄩ殣鎮ｃ��',
+ '鏈汉鏃犻珮琛�鍘嬨�佸績鑴忕梾銆佺櫕鐥瓑鍙兘褰卞搷瀹夊叏椹鹃┒鐨勬參鎬х柧鐥呮垨瀹舵棌閬椾紶鐥呭彶銆傚鏈夌浉鍏崇梾鍙诧紝鏈汉鎵胯鍦ㄥ嚭杞﹀墠宸插悜鍏徃濡傚疄鍛婄煡锛屽苟鎸夌収鍖诲槺閲囧彇浜嗗繀瑕佺殑棰勯槻鎺柦锛屼笖褰撳墠韬綋鐘跺喌绗﹀悎鍑鸿溅瑕佹眰锛岃鍘嬫祴閲忓�煎湪姝ｅ父鑼冨洿鍐咃紝鏀剁缉鍘嬪皬浜� 140mmHg锛岃垝寮犲帇灏忎簬 90mmHg銆�'
+ ]
},
- onLoad(options) {
- this.formData = options;
- if(options.uploadIshow=='true'){
- this.isAgreed=true
- this.value = [0]; // 鍚屾鏇存柊 checkbox 鐨勫��
- }else {
- this.isAgreed=false
- this.value = []; // 娓呯┖ checkbox 鐨勫��
- }
+ {
+ title: '浜屻�佺簿绁炰笌蹇冪悊鐘舵��',
+ paragraphs: [
+ '绮剧鐘舵�佽壇濂斤紝鏃犵柌鍔炽�佸洶鍊︺�佺劍铏戙�佺儲韬佺瓑涓嶈壇鎯呯华锛岃兘澶熼泦涓簿鍔涢┚椹惰溅杈嗭紝淇濊瘉鍦ㄨ椹惰繃绋嬩腑淇濇寔楂樺害鐨勬敞鎰忓姏鍜岃瑙夋�с�傚湪杩囧幓鐨� 24 灏忔椂鍐咃紝鏈汉鏈夎冻澶熺殑浼戞伅鏃堕棿锛屾湭杩涜浠讳綍鍙兘瀵艰嚧韬綋鐤插姵鐨勬椿鍔紝鑳藉纭繚杩炵画椹鹃┒涓嶈秴杩� 4 灏忔椂锛屽苟鍦ㄦ劅瑙夌柌鍔虫椂鍙婃椂鍋滆溅浼戞伅銆�',
+ '蹇冪悊鐘舵�佺ǔ瀹氾紝鏃犳儏缁尝鍔ㄣ�佸績鐞嗗帇鍔涜繃澶ф垨绮剧璐熸媴绛夋儏鍐碉紝涓嶄細鍥犱釜浜烘儏缁棶棰樺奖鍝嶉┚椹跺畨鍏ㄣ��'
+ ]
},
-
- methods: {
- // 杩斿洖涓婁竴椤�
- navigateBack() {
- uni.navigateTo({
- url: '/pages/signContract/index?uploadIshow=' + this.formData.uploadIshow
- });
-
- // uni.navigateBack({ delta: 1 });
- },
- // 鍕鹃�夌姸鎬佹敼鍙�
- handleAgreeChange(e) {
- this.isAgreed = e.detail.value;
- },
- change(e) {
- const checkedValues = e.detail.value; // 鑾峰彇鍕鹃�夌殑鍊兼暟缁�
- this.isAgreed = checkedValues.includes(0); // 濡傛灉鍖呭惈 0锛屽垯琛ㄧず鍕鹃�変簡
- console.log('isAgreed:', this.isAgreed);
- },
- // 涓嬩竴姝ワ紙绛剧讲锛�
- goToNextStep() {
- if (this.isAgreed) {
- uni.navigateTo({
- url: `/pages/observeLaw/index?uploadIshow=` + this.formData.uploadIshow
- });
- } else {
- uni.showToast({
- title: '璇峰厛鍕鹃�夊悓鎰�',
- icon: 'none'
- });
- }
- }
+ {
+ title: '涓夈�佽嵂鐗╀笌閰掔簿鎯呭喌',
+ paragraphs: [
+ '鏈汉杩戞湡鏈湇鐢ㄤ换浣曞彲鑳藉紩璧峰棞鐫°�佺湬鏅曘�佸够瑙夈�佸叴濂嬬瓑涓嶈壇鍙嶅簲鐨勮嵂鐗╋紝纭繚椹鹃┒杩囩▼涓笉浼氬洜鑽墿浣滅敤鑰屽嚭鐜拌涓哄け鎺ф垨鍙嶅簲杩熼挐鐨勬儏鍐点��',
+ '鏈汉鎵胯鍦ㄥ嚭杞﹀墠鍙婇┚椹惰繃绋嬩腑涓嶉ギ鐢ㄤ换浣曞惈閰掔簿鐨勯ギ鍝侊紝淇濊瘉琛�娑查厭绮惧惈閲忎负闆讹紝涓ユ牸閬靛畧 "閰掑悗涓嶅紑杞︼紝寮�杞︿笉鍠濋厭" 鐨勫師鍒欙紝閬垮厤鍥犻厭绮惧奖鍝嶅鑷寸殑浜ら�氫簨鏁呫��'
+ ]
+ },
+ {
+ title: '鍥涖�侀伒瀹堝叕鍙歌瀹氫笌瀹夊叏椹鹃┒鎵胯',
+ paragraphs: [
+ '鏈汉灏嗕弗鏍奸伒瀹堝叕鍙哥殑鍚勯」瑙勭珷鍒跺害鍜屾搷浣滄祦绋嬶紝鎸夌収瑙勫畾鐨勬椂闂淬�佽矾绾垮拰浠诲姟杩涜杩愯緭浣滀笟锛屼笉绉佽嚜鏇存敼琛岀▼锛屼笉杩濊瓒呴�熴�佽秴杞姐�佺柌鍔抽┚椹躲��',
+ '鍦ㄩ┚椹惰繃绋嬩腑锛屼弗鏍奸伒瀹堜氦閫氳鍒欙紝娉ㄦ剰浜ら�氬畨鍏紝鏂囨槑椹鹃┒锛屼笉寮鸿瓒呰溅銆佷笉鍗犵敤搴旀�ヨ溅閬撱�佷笉杩濊鍙橀亾锛屼笌鍓嶈溅淇濇寔瀹夊叏璺濈锛屽挨鍏舵槸鍦ㄩ珮閫熻椹舵椂锛屾彁鍓嶉鍒ら闄╋紝纭繚琛岃溅瀹夊叏銆�'
+ ]
}
-};
+ ],
+ footer: '鏈汉娣辩煡浣滀负涓�鍚嶈揣杞﹀徃鏈猴紝鑹ソ鐨勮韩浣撶姸鍐靛拰涓ユ牸閬靛畧瀹夊叏椹鹃┒瑙勫畾鏄畨鍏ㄨ杞︾殑鍩虹銆傚鍥犳湰浜洪殣鐬掕韩浣撲笉閫傘�佽繚瑙勯┚椹躲�佹湇鐢ㄥ奖鍝嶉┚椹跺畨鍏ㄧ殑鑽墿鎴栭厭鍚庨┚椹剁瓑琛屼负瀵艰嚧鐨勫畨鍏ㄤ簨鏁咃紝鏈汉鎰挎剰鎵挎媴鐢辨浜х敓鐨勪竴鍒囨硶寰嬭矗浠诲拰缁忔祹璧斿伩锛屽苟鎺ュ彈鍏徃鐩稿簲鐨勫缃氥��',
+ ending: '鐗规鎵胯锛�',
+ signature: ['鎵胯浜虹瀛楋細[ ]', '鏃ユ湡锛歔 ]']
+}
+
+// ============ URL 宸ュ叿 ============
+const buildUrl = (path, params) => {
+ const query = Object.entries(params)
+ .map(([k, v]) => `${k}=${encodeURIComponent(v)}`)
+ .join('&')
+ return `${path}?${query}`
+}
+
+export default {
+ data() {
+ return {
+ agreementContent: AGREEMENT_CONTENT,
+ isAgreed: false,
+ formData: { uploadIshow: false },
+ loading: false
+ }
+ },
+
+ onLoad(options) {
+ this.formData = options || {}
+ if (options?.uploadIshow === 'true') {
+ this.isAgreed = true
+ }
+ },
+
+ methods: {
+ toggleAgree() {
+ this.isAgreed = !this.isAgreed
+ },
+
+ navigateBack() {
+ uni.navigateTo({
+ url: buildUrl('/pages/signContract/index', {
+ uploadIshow: this.formData.uploadIshow
+ })
+ })
+ },
+
+ async goToNextStep() {
+ if (!this.isAgreed) {
+ return uni.showToast({ title: '璇峰厛鍕鹃�夊悓鎰�', icon: 'none' })
+ }
+
+ this.loading = true
+ try {
+ uni.navigateTo({
+ url: buildUrl('/pages/observeLaw/index', {
+ uploadIshow: this.formData.uploadIshow
+ })
+ })
+ } finally {
+ this.loading = false
+ }
+ }
+ }
+}
</script>
<style scoped>
.container {
- width: 100%;
- min-height: 100vh;
- background-color: #ffffff;
- display: flex;
- flex-direction: column;
- /* 鐣欏嚭搴曢儴鍥哄畾鍖哄煙鐨勭┖闂� */
- padding-bottom: 200rpx;
- box-sizing: border-box;
+ display: flex;
+ flex-direction: column;
+ height: 100vh;
+ background-color: #ffffff;
}
-/* 婊氬姩鍐呭鍖� - 鍏抽敭璋冩暣 */
.content-scroll {
- flex: 1;
- padding: 30rpx;
- box-sizing: border-box;
- /* 纭繚鍐呭鑳芥粴鍔ㄥ埌鏈�搴曢儴涓嶈閬尅 */
- padding-bottom: 220rpx;
+ flex: 1;
+ padding: 30rpx;
+ padding-bottom: 240rpx;
+ box-sizing: border-box;
}
-/* 鎵胯涔﹀唴瀹规牱寮忎繚鎸佷笉鍙� */
+/* 鎵胯涔﹀唴瀹� */
.agreement-content {
- line-height: 1.8;
+ line-height: 1.8;
}
.title {
- display: block;
- font-size: 32rpx;
- color: #333333;
- font-weight: 600;
- text-align: center;
- margin-bottom: 40rpx;
+ display: block;
+ font-size: 32rpx;
+ color: #333;
+ font-weight: 600;
+ text-align: center;
+ margin-bottom: 40rpx;
}
-.heading {
- display: block;
- font-size: 30rpx;
- color: #333333;
- font-weight: 500;
- margin: 25rpx 0 15rpx 0;
+.section {
+ margin-bottom: 20rpx;
+}
+
+.section-title {
+ display: block;
+ font-size: 30rpx;
+ color: #333;
+ font-weight: 500;
+ margin: 30rpx 0 15rpx;
}
.paragraph {
- display: block;
- font-size: 28rpx;
- color: #666666;
- margin-bottom: 15rpx;
- text-indent: 56rpx;
- /* 棣栬缂╄繘2瀛楃 */
+ display: block;
+ font-size: 28rpx;
+ color: #666;
+ margin-bottom: 15rpx;
+ text-indent: 56rpx;
+}
+
+.footer {
+ display: block;
+ font-size: 28rpx;
+ color: #666;
+ margin-top: 30rpx;
+}
+
+.ending {
+ display: block;
+ font-size: 28rpx;
+ color: #666;
+ margin-top: 20rpx;
+}
+
+.signature {
+ margin-top: 40rpx;
}
.sign-line {
- display: block;
- font-size: 28rpx;
- color: #666666;
- margin-top: 30rpx;
- text-align: right;
- padding-right: 50rpx;
+ display: block;
+ font-size: 28rpx;
+ color: #666;
+ margin-top: 20rpx;
+ text-align: right;
+ padding-right: 50rpx;
}
-/* 搴曢儴鍥哄畾鍖哄煙 - 鏍稿績鏍峰紡 */
+/* 搴曢儴鍥哄畾鏍� */
.bottom-fixed {
- /* 鍥哄畾鍦ㄥ睆骞曞簳閮� */
- position: fixed;
- left: 0;
- right: 0;
- bottom: 0;
- background-color: #ffffff;
- border-top: 1rpx solid #f5f5f5;
- z-index: 99;
- /* 纭繚鍦ㄥ唴瀹逛笂鏂� */
+ position: fixed;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background-color: #ffffff;
+ border-top: 1rpx solid #f5f5f5;
+ z-index: 99;
}
-/* 鍕鹃�夊尯鍩� */
.agree-area {
- padding: 20rpx 30rpx;
+ padding: 20rpx 30rpx;
}
.checkbox-group {
- display: flex;
- align-items: center;
+ display: flex;
+ align-items: center;
}
-.checkbox {
- width: 30rpx;
- height: 30rpx;
- margin-right: 15rpx;
+checkbox {
+ transform: scale(0.8);
}
.agree-text {
- font-size: 28rpx;
- color: #333333;
- flex: 1;
+ font-size: 28rpx;
+ color: #333;
+ margin-left: 10rpx;
}
.required {
- font-size: 28rpx;
- color: #ff4d4f;
+ font-size: 28rpx;
+ color: #ff4d4f;
+ margin-left: 4rpx;
}
-/* 搴曢儴鎸夐挳 */
.btn-group {
- padding: 30rpx;
- display: flex;
- gap: 20rpx;
+ display: flex;
+ gap: 20rpx;
+ padding: 20rpx 30rpx 40rpx;
+}
+
+.cancel-btn,
+.next-btn {
+ flex: 1;
+ height: 90rpx;
+ line-height: 90rpx;
+ font-size: 32rpx;
+ border-radius: 8rpx;
+ border: none;
}
.cancel-btn {
- flex: 1;
- height: 90rpx;
- line-height: 90rpx;
- font-size: 32rpx;
- color: #333333;
- background-color: #ffffff;
- border: 1rpx solid #e5e5e5;
- border-radius: 8rpx;
+ color: #333;
+ background-color: #f5f5f5;
}
.next-btn {
- flex: 1;
- height: 90rpx;
- line-height: 90rpx;
- font-size: 32rpx;
- color: #ffffff;
- background-color: #1677ff;
- border: none;
- border-radius: 8rpx;
+ color: #fff;
+ background-color: #1677ff;
}
-.next-btn[disabled] {
- background-color: #c9d8e9;
- opacity: 0.7;
+.next-btn.disabled {
+ background-color: #c9d8e9;
+ opacity: 0.7;
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.8.0