From 55442ddb05bdadb4672b5de0ce2a1dc6ec78ded3 Mon Sep 17 00:00:00 2001 From: 南骏 池 <chiffly@163.com> Date: 星期四, 20 三月 2025 14:00:07 +0800 Subject: [PATCH] 1.样式确认。 --- Images/Style.css | 219 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 216 insertions(+), 3 deletions(-) diff --git a/Images/Style.css b/Images/Style.css index f01651f..45a49cd 100644 --- a/Images/Style.css +++ b/Images/Style.css @@ -4,7 +4,7 @@ font-family: Microsoft YaHei,Helvitica,Verdana,Arial,san-serif; padding: 0px; margin: 0px; - + /*font-family: '寰蒋闆呴粦', 'Microsoft YaHei', sans-serif;*/ } a, a:hover { @@ -325,7 +325,11 @@ .van-tab-left .van-tab { -webkit-justify-content: left !important; - justify-content: left !important; + justify-content: left !important +} + +.van-tab { + font-size: .2733rem; } .mySolid .van-cell::after { @@ -333,4 +337,213 @@ } .mySolid .van-row { border-bottom: .0267rem solid #646566; -} \ No newline at end of file +} + +/*2025-02-19 姹犲崡楠忎慨鏀� + begin +*/ +.van-cell { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: flex; + box-sizing: border-box; + width: 100%; + padding: .030rem .1000rem; + overflow: hidden; + color: #323233; + font-size: .28rem; + line-height: .45rem; + background-color: #fff; + align-items: center; /* 鍨傜洿灞呬腑瀵归綈 */ +} + +/* 褰撳睆骞曞搴﹀皬浜庢垨绛変簬600px鏃跺簲鐢ㄧ殑鏍峰紡 */ +@media (max-width: 500px) { + .van-cell { + font-size: .33rem; /* 鏇村皬鐨勫瓧浣撳ぇ灏� */ + line-height: .50rem; + padding: .020rem .0800rem; /* 鏇村皬鐨勫唴杈硅窛 */ + } +} + +/* 褰撳睆骞曞搴﹀ぇ浜�600px涓斿皬浜庢垨绛変簬1024px鏃跺簲鐢ㄧ殑鏍峰紡 */ +@media (min-width: 500px) and (max-width: 1600px) { + .van-cell { + font-size: .20rem; /* 涓瓑瀛椾綋澶у皬 */ + line-height: .23rem; + padding: .025rem .0900rem; /* 涓瓑鍐呰竟璺� */ + } + + /* 鍑忓皯宸︿晶鏍囬鐨勫瓧浣撳ぇ灏忓苟浣块鑹叉洿娣� */ + .van-field__label { + color: #9c9898; /* 鏇存贰鐨勯鑹� */ + margin-right: 0rem; + font-size: .20rem; /* 瀛椾綋澶у皬鍑忓皬 */ + } + + /* 澧炲姞鍙充晶杈撳叆鍖哄煙鐨勫瓧浣撳ぇ灏忓苟鍔犳繁棰滆壊 */ + .van-cell__value { + color: #333; /* 娣辫壊 */ + font-size: .25rem; /* 瀛椾綋澶у皬澧炲ぇ */ + } + + .van-cell--clickable { + cursor: pointer; + font-size: .30rem; /* 瀛椾綋澶у皬澧炲ぇ */ + font-weight: bold; /* 瀛椾綋鍔犵矖 */ + } + + .van-checkbox__icon { + font-size: 0.28rem; + } +} + +.van-button--small { + height: 100%; + padding: 0 .2133rem; + font-size: .32rem; + align-items: center; /* 鍨傜洿灞呬腑瀵归綈 */ +} + +van-field__button { + display: flex; /* 浣跨敤 Flexbox 甯冨眬 */ + align-items: center; /* 鍨傜洿灞呬腑瀵归綈 */ + justify-content: center; /* 姘村钩灞呬腑瀵归綈 */ + height: 100%; /* 鎸夐挳楂樺害涓庣埗瀹瑰櫒涓�鑷� */ + //min-height: 36px; /* 璁剧疆鏈�灏忛珮搴︿互閬垮厤杩囧皬 */ + padding: 0; /* 绉婚櫎榛樿鍐呰竟璺� */ +} + +.van-button { + position: relative; + display: inline-flex; /* 浣跨敤 Flexbox 甯冨眬 */ + align-items: center; /* 鍨傜洿灞呬腑瀵归綈 */ + justify-content: center; /* 姘村钩灞呬腑瀵归綈 */ + box-sizing: border-box; + height: 100%; /* 鎸夐挳楂樺害涓庣埗瀹瑰櫒涓�鑷� */ + margin: 0; + padding: 0.1rem 0.1rem; /* 鍐呰竟璺濆彲浠ユ牴鎹渶瑕佽皟鏁� */ + font-size: inherit; /* 瀛椾綋澶у皬缁ф壙鑷埗瀹瑰櫒 */ + line-height: normal; /* 璋冩暣琛岄珮涓烘甯稿�� */ + text-align: center; + border-radius: 0.2rem; /* 鍦嗚鍗婂緞 */ + cursor: pointer; + transition: opacity 0.2s; + -webkit-appearance: none; + white-space: nowrap; /* 闃叉鏂囧瓧鎹㈣ */ + font-size: .28rem; +} + +/* 鎸夐挳闀垮害鏍规嵁鍐呭鑷�傚簲 */ +.van-button { + min-width: fit-content; /* 鎸夐挳瀹藉害鏍规嵁鍐呭鑷姩璋冩暣 */ +} + + +/* 璁剧疆 checkbox 瀹瑰櫒鐨勬牱寮� */ +.checkbox-container { + display: flex; /* 浣跨敤 Flexbox 甯冨眬 */ + justify-content: space-between; /* 宸﹀彸骞冲潎鍒嗗竷 */ + align-items: center; /* 鍨傜洿灞呬腑瀵归綈 */ + padding: 0 0px; /* 鍐呰竟璺濅笌 van-field 淇濇寔涓�鑷� */ +} + + /* 璋冩暣 checkbox 鐨勬牱寮� */ + .checkbox-container .van-checkbox { + flex: 1; /* 璁╂瘡涓� checkbox 鍗犳嵁鐩哥瓑鐨勭┖闂� */ + text-align: center; /* 鏂囨湰灞呬腑鏄剧ず */ + } + +.van-checkbox__icon--checked .van-icon { + color: #1989fa !important; /* 鍕鹃�夋鐨勯鑹茶缃负钃濊壊 */ +} + +/* 淇濇寔瀛椾綋棰滆壊涓嶅彉 */ +.van-checkbox__label { + color: inherit !important; /* 瀛椾綋棰滆壊缁ф壙鐖剁骇鏍峰紡 */ +} + +/* 纭繚绂佺敤鐘舵�佷笅鍕鹃�夋浠嶇劧鏄剧ず涓鸿摑鑹� */ +.van-checkbox--disabled .van-checkbox__icon .van-icon { + background-color: transparent !important; /* 绉婚櫎绂佺敤鐘舵�佷笅鐨勭伆鑹茶儗鏅� */ + /*border-color: #1989fa !important;*/ /* 璁剧疆绂佺敤鐘舵�佷笅鐨勮竟妗嗛鑹蹭负钃濊壊 */ + +} + +.van-icon { + font-size: 0.8em; +} +.van-tabs--line .van-tabs__wrap { + height: 0.8rem; +} + +/* 2025-02-19 姹犲崡楠忎慨鏀� + end +*/ + +/*琛ㄦ牸鏍峰紡 2025-03-13 姹犲崡楠忔柊澧�*/ +.van-col { + font-size: 12px; /* 璋冩暣瀛椾綋澶у皬 */ + word-wrap: break-word; + word-break: break-all; +} + +.blue-text { + color: #1989fa; /* 璁剧疆瀛椾綋棰滆壊涓鸿摑鑹� */ + font-weight: bold; /* 瀛椾綋鍔犵矖 */ +} + + +.van-nav-bar__title { + max-width: 60%; + margin: 0 auto; + color: #323233; + font-weight: 500; + font-size: .25rem; + font-weight: bold; /* 瀛椾綋鍔犵矖 */ +} + +/*琛ㄥご楂樺害 2025-03-13 姹犲崡楠忔柊澧�*/ +.van-nav-bar__content { + height: 0.9rem; +} + +/* 琛ㄥ崟瀛楁鍒嗛殧绾� 棰滆壊娣′竴浜� */ +.van-cell-group .van-cell:not(:last-child)::after { + border-bottom: 1px solid #eee !important; + left: 0; + right: 0; +} +/* 琛ㄤ綋tab瀛楁鍒嗛殧绾� 棰滆壊娣′竴浜� */ +.mySolid .van-row { + border-bottom: .00267rem solid #b1b1b1; +} + +/* 璁剧疆琛ㄥご鐨勮緭鍏ユ姣斾緥 */ +.van-field__label { + flex-basis: 25%; +} + +/* 鍏ㄥ眬鏍峰紡浼樺寲 */ +.content-wrapper { + margin: 8px; + background: #f8f9fa; + border-radius: 8px; + padding: 3px; + box-shadow: 0 2px 4px rgba(0,0,0,0.05); +} + + + +/* 妫�楠屾槑缁嗛〉杈撳叆妗嗙晫闈㈡牱寮� */ +.van-tag { + font-size: .25rem; + line-height: .40rem +} + /* 妫�楠屾槑缁嗛〉杈撳叆妗嗙晫闈㈡牱寮� */ + +/*鍏ㄥ眬鎸夐挳缂╁皬*/ +.van-nav-bar__left, .van-nav-bar__right { + font-size: .25rem; +} -- Gitblit v1.9.3