From 34c57c119f7eb4118a02b1b7168fe394fec716be Mon Sep 17 00:00:00 2001
From: 南骏 池 <chiffly@163.com>
Date: 星期一, 17 三月 2025 09:31:28 +0800
Subject: [PATCH] 1.样式调整，不同分辨率的大小字体
---
Images/Style.css | 72 ++++++++++++++++++++++--
H5/Scll.aspx | 76 ++++---------------------
Mst.master | 2
H5/Sctl.aspx | 2
4 files changed, 81 insertions(+), 71 deletions(-)
diff --git a/H5/Scll.aspx b/H5/Scll.aspx
index f5f4f52..45b3867 100644
--- a/H5/Scll.aspx
+++ b/H5/Scll.aspx
@@ -1,80 +1,30 @@
锘�<%@ Page Title="鐢熶骇棰嗘枡" Language="C#" MasterPageFile="~/Mst.master" AutoEventWireup="true" CodeFile="Scll.aspx.cs" Inherits="H5_Scll" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<style>
-/* 鍏ㄥ眬鏍峰紡浼樺寲 */
-.content-wrapper {
- margin: 8px;
- background: #f8f9fa;
- border-radius: 8px;
- padding: 3px;
- box-shadow: 0 2px 4px rgba(0,0,0,0.05);
-}
-/* 琛ㄥ崟瀛楁鍒嗛殧绾� */
-.van-cell-group .van-cell:not(:last-child)::after {
- border-bottom: 1px solid #eee !important;
- left: 0;
- right: 0;
-}
-.mySolid .van-row {
- border-bottom: .00267rem solid #b1b1b1;
-}
-/* 鏍囩棰滆壊璁剧疆 */
-.van-field__label {
- color: #7c7a7a;
- flex-basis: 28%;
-}
+/*.van-nav-bar__content {
+ height: 0.8267rem;
+}*/
-/* 鏁版嵁鏂囨湰棰滆壊 */
-.van-field__value,
-.van-field__control {
- color: #333;
-}
+/*.van-nav-bar__title {
+ max-width: 60%;
+ margin: 0 auto;
+ color: #323233;
+ font-weight: 500;
+ font-size: .3267rem;
+}*/
-/* 琛屽鍣ㄦ牱寮� */
-.van-tab__panel .van-row {
- padding: 2px 0;
- margin: 2px 0;
- position: relative;
- border-bottom: 1px solid #eee;
-}
-/* 鏁版嵁鍒楁牱寮� */
-.van-col {
- padding: 2px 2px;
- margin: 2px 0;
- border: 1px solid #f0f0f0;
- border-radius: 4px;
- background: white;
- font-size: 12px;
- line-height: 1.6;
- box-sizing: border-box;
-}
+
/* 鐗规畩鏂囨湰鏍峰紡 */
-.blue-text {
+/*.blue-text {
color: #1989fa;
font-weight: 500;
-}
+}*/
-/* 鍝嶅簲寮忎紭鍖� */
-@media (max-width: 375px) {
- .van-field__label {
- flex-basis: 30%;
- font-size: 12px;
- }
- .van-col {
- padding: 2px 1px;
- margin: 1px 0;
- font-size: 11px;
- }
- .van-tab__panel .van-row {
- padding: 1px 0;
- margin: 1px 0;
- }
-}
</style>
</asp:Content>
diff --git a/H5/Sctl.aspx b/H5/Sctl.aspx
index 8b58bf5..29435ed 100644
--- a/H5/Sctl.aspx
+++ b/H5/Sctl.aspx
@@ -14,7 +14,7 @@
left-arrow
@click-left="GoBack()"
></van-nav-bar>
- <div>
+ <div class="content-wrapper">
<van-cell-group>
<van-field
ref="billNo"
diff --git a/Images/Style.css b/Images/Style.css
index 384d48f..8372892 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,28 @@
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: 600px) {
+ .van-cell {
+ font-size: .33rem; /* 鏇村皬鐨勫瓧浣撳ぇ灏� */
+ line-height: .50rem;
+ padding: .020rem .0800rem; /* 鏇村皬鐨勫唴杈硅窛 */
+ }
+}
+
+/* 褰撳睆骞曞搴﹀ぇ浜�600px涓斿皬浜庢垨绛変簬1024px鏃跺簲鐢ㄧ殑鏍峰紡 */
+@media (min-width: 601px) and (max-width: 1600px) {
+ .van-cell {
+ font-size: .28rem; /* 涓瓑瀛椾綋澶у皬 */
+ line-height: .45rem;
+ padding: .025rem .0900rem; /* 涓瓑鍐呰竟璺� */
+ }
}
.van-button--small {
@@ -387,13 +409,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; /* 淇濈暀閫傚綋鐨勫唴杈硅窛 */
}
@@ -444,4 +465,43 @@
.blue-text {
color: #1989fa; /* 璁剧疆瀛椾綋棰滆壊涓鸿摑鑹� */
font-weight: bold; /* 瀛椾綋鍔犵矖 */
+}
+
+
+.van-nav-bar__title {
+ max-width: 60%;
+ margin: 0 auto;
+ color: #323233;
+ font-weight: 500;
+ font-size: .33rem;
+}
+
+/*琛ㄥご楂樺害 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);
}
\ No newline at end of file
diff --git a/Mst.master b/Mst.master
index c1bb4f6..835f961 100644
--- a/Mst.master
+++ b/Mst.master
@@ -14,7 +14,7 @@
<script src="/scripts/config.js?<%=1234 %>"></script>
<link href="/scripts/vant/vant.css" rel="stylesheet" />
<script src="/scripts/vant/vant.js"></script>
- <link href="/Images/Style.css?<%=15 %>" rel="stylesheet" />
+ <link href="/Images/Style.css?<%=164 %>" rel="stylesheet" />
<script src="/Scripts/uni.webview.1.5.2.js"></script>
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
--
Gitblit v1.9.3