From 14b1756e21ba4401ce5916f035576804f4be5878 Mon Sep 17 00:00:00 2001 From: 南骏 池 <chiffly@163.com> Date: 星期四, 20 三月 2025 17:25:34 +0800 Subject: [PATCH] 1.样式更新 --- Images/Style.css | 142 ++++++++++++++++++++++++++++++++++++++++++++--- 1 files changed, 132 insertions(+), 10 deletions(-) diff --git a/Images/Style.css b/Images/Style.css index 69a18be..45c6741 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 { @@ -348,10 +352,51 @@ padding: .030rem .1000rem; overflow: hidden; color: #323233; - font-size: .3733rem; - line-height: .64rem; + 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 { @@ -387,13 +432,12 @@ transition: opacity 0.2s; -webkit-appearance: none; white-space: nowrap; /* 闃叉鏂囧瓧鎹㈣ */ - font-size: .32rem; + font-size: .28rem; } /* 鎸夐挳闀垮害鏍规嵁鍐呭鑷�傚簲 */ .van-button { min-width: fit-content; /* 鎸夐挳瀹藉害鏍规嵁鍐呭鑷姩璋冩暣 */ - padding: 0.2rem 0.4rem; /* 淇濈暀閫傚綋鐨勫唴杈硅窛 */ } @@ -402,7 +446,7 @@ display: flex; /* 浣跨敤 Flexbox 甯冨眬 */ justify-content: space-between; /* 宸﹀彸骞冲潎鍒嗗竷 */ align-items: center; /* 鍨傜洿灞呬腑瀵归綈 */ - padding: 0 16px; /* 鍐呰竟璺濅笌 van-field 淇濇寔涓�鑷� */ + padding: 0 0px; /* 鍐呰竟璺濅笌 van-field 淇濇寔涓�鑷� */ } /* 璋冩暣 checkbox 鐨勬牱寮� */ @@ -412,7 +456,7 @@ } .van-checkbox__icon--checked .van-icon { - color: blue !important; /* 鍕鹃�夋鐨勯鑹茶缃负钃濊壊 */ + color: #1989fa !important; /* 鍕鹃�夋鐨勯鑹茶缃负钃濊壊 */ } /* 淇濇寔瀛椾綋棰滆壊涓嶅彉 */ @@ -423,13 +467,91 @@ /* 纭繚绂佺敤鐘舵�佷笅鍕鹃�夋浠嶇劧鏄剧ず涓鸿摑鑹� */ .van-checkbox--disabled .van-checkbox__icon .van-icon { background-color: transparent !important; /* 绉婚櫎绂佺敤鐘舵�佷笅鐨勭伆鑹茶儗鏅� */ - border-color: blue !important; /* 璁剧疆绂佺敤鐘舵�佷笅鐨勮竟妗嗛鑹蹭负钃濊壊 */ + /*border-color: #1989fa !important;*/ /* 璁剧疆绂佺敤鐘舵�佷笅鐨勮竟妗嗛鑹蹭负钃濊壊 */ + } +.van-icon { + font-size: 0.8em; +} .van-tabs--line .van-tabs__wrap { height: 0.8rem; } /* 2025-02-19 姹犲崡楠忎慨鏀� end -*/ \ No newline at end of file +*/ + +/*琛ㄦ牸鏍峰紡 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; +} + +/*璋冩暣鎼滅储妗嗗瓧浣撶殑楂樺害鍜屽ぇ灏�*/ +.van-search__action { + padding: 0 .2133rem; + color: #323233; + font-size: .25rem; + line-height: .25rem; +} -- Gitblit v1.9.3