Skip to content

G
GaoQuYingJiH5-ASD
Commit b43cbe6c authored by lei's avatar lei
Browse files
Options

fix:商家详情字体颜色修改

parent cc003ba0
Show whitespace changes
Inline Side-by-side
Showing with 293 additions and 288 deletions
sdk/includeHead.js
View file @ b43cbe6c
...@@ -23,10 +23,10 @@ document.write(` ...@@ -23,10 +23,10 @@ document.write(`
<script type="text/javascript" src="${contextPath}/sdk/jssdk2/sm2/build/SM.js"></script> <script type="text/javascript" src="${contextPath}/sdk/jssdk2/sm2/build/SM.js"></script>
`) `)
// 移动端 debugger 调试 // 移动端 debugger 调试
document.write( // document.write(
'<script type="text/javascript" src="//cdn.bootcdn.net/ajax/libs/eruda/2.4.1/eruda.js"></script>\ // '<script type="text/javascript" src="//cdn.bootcdn.net/ajax/libs/eruda/2.4.1/eruda.js"></script>\
<script>eruda.init();</script>' // <script>eruda.init();</script>'
) // )
// 自动识别环境（需在文件最顶部添加） // 自动识别环境（需在文件最顶部添加）
window.env = window.location.hostname === 'web1.isdapp.shandong.gov.cn' ? 'pro' : 'dev'; window.env = window.location.hostname === 'web1.isdapp.shandong.gov.cn' ? 'pro' : 'dev';
......
src/_shanghu_detail-edit.css
View file @ b43cbe6c
html, html,
body { body {
background-color: #fff; background-color: #fff;
overflow-x: hidden; overflow-x: hidden;
} }
.wrapper { .wrapper {
/* padding: 0.2rem; */ /* padding: 0.2rem; */
} }
/* 添加以下样式 */ /* 添加以下样式 */
.van-cell { .van-cell {
padding: 12px 16px; padding: 12px 16px;
} }
.van-field__label { .van-field__label {
font-weight: bold; font-weight: bold;
color: #000; color: #222 !important;
font-size: .28rem; font-size: 0.28rem;
} }
.van-field__control { .van-field__control {
color: #737373; color: #737373;
} }
.container { .container {
text-align: center; text-align: center;
margin-top: .3rem; margin-top: 0.3rem;
} }
.qr-card {
.qr-card {
margin-bottom: 10px; margin-bottom: 10px;
} }
.save-btn { .save-btn {
width: 48%; width: 48%;
background: #1890ff; background: #1890ff;
color: #fff; color: #fff;
...@@ -42,56 +41,56 @@ ...@@ -42,56 +41,56 @@
border-radius: 3px; border-radius: 3px;
font-size: 16px; font-size: 16px;
cursor: pointer; cursor: pointer;
margin-bottom: .4rem; margin-bottom: 0.4rem;
} }
.hideEle { .hideEle {
/* visibility: hidden; */ /* visibility: hidden; */
display: none; display: none;
} }
.textStyleWrapper{ .textStyleWrapper {
display: flex; display: flex;
align-items: center; align-items: center;
padding-top: 0.12rem; padding-top: 0.12rem;
padding-bottom: 0.12rem; padding-bottom: 0.12rem;
} }
.textStyleLabel{ .textStyleLabel {
display: inline-block; display: inline-block;
width: 1.72rem; width: 1.72rem;
min-width: 1.72rem; min-width: 1.72rem;
padding: .2rem; padding: 0.2rem;
padding-left: .3rem; padding-left: 0.3rem;
color: #9b9fab; color: #9b9fab;
font-size: .28rem; font-size: 0.28rem;
font-weight: bold; font-weight: bold;
} }
.textStyleText{ .textStyleText {
display: inline-block; display: inline-block;
/* width: 1.72rem; */ /* width: 1.72rem; */
padding: .2rem; padding: 0.2rem;
padding-left: 0; padding-left: 0;
color: #c8c9cc; color: #c8c9cc;
font-size: .28rem; font-size: 0.28rem;
} }
/* 基础重置样式 */ /* 基础重置样式 */
* { * {
margin: 0; margin: 0;
padding: 0; padding: 0;
box-sizing: border-box; box-sizing: border-box;
-webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent;
/* 去除移动端点击高亮 */ /* 去除移动端点击高亮 */
} }
body { body {
font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif; font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
font-size: 16px; font-size: 16px;
background-color: #f8f9fa; background-color: #f8f9fa;
} }
/* 表单容器 */ /* 表单容器 */
.form-container { .form-container {
max-width: 750px; max-width: 750px;
/* 移动端最大宽度 */ /* 移动端最大宽度 */
margin: 20px auto; margin: 20px auto;
...@@ -99,10 +98,10 @@ ...@@ -99,10 +98,10 @@
background-color: #fff; background-color: #fff;
border-radius: 8px; border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
} }
/* 表单单项 */ /* 表单单项 */
.form-item { .form-item {
position: relative; position: relative;
display: flex; display: flex;
align-items: center; align-items: center;
...@@ -110,37 +109,37 @@ ...@@ -110,37 +109,37 @@
height: 50px; height: 50px;
padding: 0 12px; padding: 0 12px;
border-bottom: 1px solid #f0f2f5; border-bottom: 1px solid #f0f2f5;
} }
/* 最后一项去除下边框 */ /* 最后一项去除下边框 */
.form-item:last-child { .form-item:last-child {
border-bottom: none; border-bottom: none;
} }
/* 表单标题 */ /* 表单标题 */
.form-label { .form-label {
flex-shrink: 0; flex-shrink: 0;
/* 防止标题被压缩 */ /* 防止标题被压缩 */
width: 1.7rem; width: 1.7rem;
/* 标题固定宽度，可根据需求调整 */ /* 标题固定宽度，可根据需求调整 */
color: #333; color: #333;
font-size: .28rem; font-size: 0.28rem;
font-weight: bold; font-weight: bold;
text-align: left; text-align: left;
/* 标题左对齐 */ /* 标题左对齐 */
} }
/* 输入框容器 */ /* 输入框容器 */
.form-input-wrap { .form-input-wrap {
flex: 1; flex: 1;
/* 占据剩余空间 */ /* 占据剩余空间 */
height: 100%; height: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
} }
/* 输入框样式 */ /* 输入框样式 */
.form-input { .form-input {
width: 100%; width: 100%;
height: 32px; height: 32px;
/* 输入框高度小于容器，留出垂直空间 */ /* 输入框高度小于容器，留出垂直空间 */
...@@ -148,20 +147,20 @@ ...@@ -148,20 +147,20 @@
outline: none; outline: none;
font-size: 15px; font-size: 15px;
color: #666; color: #666;
} }
/* 输入框placeholder样式 */ /* 输入框placeholder样式 */
.form-input::placeholder { .form-input::placeholder {
color: #999; color: #999;
font-size: 14px; font-size: 14px;
} }
/* 输入框聚焦效果 */ /* 输入框聚焦效果 */
.form-input:focus { .form-input:focus {
color: #262626; color: #262626;
} }
.imager-item-title { .imager-item-title {
height: 50px; height: 50px;
line-height: 50px; line-height: 50px;
padding: 0 12px; padding: 0 12px;
...@@ -169,25 +168,25 @@ ...@@ -169,25 +168,25 @@
border-bottom: 1px solid #f0f2f5; border-bottom: 1px solid #f0f2f5;
margin-bottom: 10px; margin-bottom: 10px;
font-weight: 400; font-weight: 400;
} }
/* vant tab底部栏颜色 */ /* vant tab底部栏颜色 */
.van-tabs__line{ .van-tabs__line {
background-color: #1081E3; background-color: #1081e3;
} }
.selector{ .selector {
width: 5rem; width: 5rem;
height: 0.6rem; height: 0.6rem;
font-size: 0.3rem; font-size: 0.3rem;
border: 1px solid #D7D7D7; border: 1px solid #d7d7d7;
background-color: #fff; background-color: #fff;
} }
input:disabled{ input:disabled {
background-color: #fff; background-color: #fff;
} }
select:disabled{ select:disabled {
border:none; border: none;
/* 移除默认箭头 */ /* 移除默认箭头 */
-webkit-appearance: none; -webkit-appearance: none;
-moz-appearance: none; -moz-appearance: none;
...@@ -198,18 +197,17 @@ ...@@ -198,18 +197,17 @@
/* 可选：统一背景色 */ /* 可选：统一背景色 */
background-color: white; background-color: white;
} }
.van-cell--required { .van-cell--required {
overflow: visible overflow: visible;
} }
.van-cell--required:before { .van-cell--required:before {
position: absolute; position: absolute;
left: -0.01rem; left: -0.01rem;
top: 50%; top: 50%;
transform: translateY(-50%); transform: translateY(-50%);
font-size: .28rem; font-size: 0.28rem;
content: "*"; content: '*';
} }
src/_shanghu_detail.css
View file @ b43cbe6c
html, html,
body { body {
background-color: #fff; background-color: #fff;
} }
.wrapper { .wrapper {
/* padding: 0.2rem; */ /* padding: 0.2rem; */
} }
/* 添加以下样式 */ /* 添加以下样式 */
.van-cell { .van-cell {
padding: 12px 16px; padding: 12px 16px;
} }
.van-field__label { .van-field__label {
font-weight: bold; font-weight: bold;
color: #000; color: #222 !important;
font-size: .28rem; font-size: 0.28rem;
} }
.van-field__control { .van-field__control {
color: #737373; color: #737373;
} }
.container { .container {
text-align: center; text-align: center;
margin-top: .3rem; margin-top: 0.3rem;
} }
.qr-card {
.qr-card {
margin-bottom: 10px; margin-bottom: 10px;
} }
.save-btn { .save-btn {
background: #1890ff; background: #1890ff;
color: #fff; color: #fff;
border: none; border: none;
...@@ -40,34 +39,34 @@ ...@@ -40,34 +39,34 @@
border-radius: 3px; border-radius: 3px;
font-size: 16px; font-size: 16px;
cursor: pointer; cursor: pointer;
margin-bottom: .4rem; margin-bottom: 0.4rem;
} }
.hideEle { .hideEle {
/* visibility: hidden; */ /* visibility: hidden; */
display: none; display: none;
} }
.textStyleWrapper{ .textStyleWrapper {
display: flex; display: flex;
padding-top: 0.12rem; padding-top: 0.12rem;
padding-bottom: 0.12rem; padding-bottom: 0.12rem;
} }
.textStyleLabel{ .textStyleLabel {
display: inline-block; display: inline-block;
width: 1.72rem; width: 1.72rem;
min-width: 1.72rem; min-width: 1.72rem;
padding: .2rem; padding: 0.2rem;
padding-left: .3rem; padding-left: 0.3rem;
color: #9b9fab; color: #222;
font-size: .28rem; font-size: 0.28rem;
font-weight: bold; font-weight: bold;
} }
.textStyleText{ .textStyleText {
display: inline-block; display: inline-block;
/* width: 1.72rem; */ /* width: 1.72rem; */
padding: .2rem; padding: 0.2rem;
padding-left: 0; padding-left: 0;
color: #c8c9cc; color: #333;
font-size: .28rem; font-size: 0.28rem;
} }
\ No newline at end of file
src/_shanghu_detail.html
View file @ b43cbe6c
...@@ -7,6 +7,14 @@ ...@@ -7,6 +7,14 @@
content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, viewprot-fit:cover"> content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, viewprot-fit:cover">
<title>高区“码”上</title> <title>高区“码”上</title>
<script type="text/javascript" src="../sdk/includeHead.js"></script> <script type="text/javascript" src="../sdk/includeHead.js"></script>
<style>
/* 添加禁用状态文字颜色保持 */
input:disabled,
input[disabled] {
color: #333 !important; /* 保持与正常状态相同的颜色 */
-webkit-text-fill-color: #333 !important; /* 兼容iOS Safari */
}
</style>
</head> </head>
<div id="app"> <div id="app">
<div class="wrapper" v-cloak> <div class="wrapper" v-cloak>
...@@ -27,7 +35,7 @@ ...@@ -27,7 +35,7 @@
</div> </div>
</van-cell-group> </van-cell-group>
<van-cell-group> <van-cell-group>
<van-field label="电话" v-model="formData.merchantPhone" type="number" :disabled="flag=='XQ'" /> <van-field label="电话" style="color: #222" v-model="formData.merchantPhone" type="number" :disabled="flag=='XQ'" />
</van-cell-group> </van-cell-group>
<van-cell-group> <van-cell-group>
<!-- <van-field label="地址" v-model="formData.businessAddress" :disabled="flag=='XQ'" /> --> <!-- <van-field label="地址" v-model="formData.businessAddress" :disabled="flag=='XQ'" /> -->
...@@ -38,7 +46,7 @@ ...@@ -38,7 +46,7 @@
</van-cell-group> </van-cell-group>
<van-cell-group> <van-cell-group>
<van-field label="场所类型" v-model="formData.smallPlaceTypeName" :disabled="flag=='XQ'" /> <van-field label="场所类型" style="color: #222" v-model="formData.smallPlaceTypeName" :disabled="flag=='XQ'" />
</van-cell-group> </van-cell-group>
<!-- <van-cell-group> <!-- <van-cell-group>
<van-field label="场所类型" v-model="formData.type" placeholder="请选择场所类型" readonly clickable <van-field label="场所类型" v-model="formData.type" placeholder="请选择场所类型" readonly clickable
...@@ -51,7 +59,7 @@ ...@@ -51,7 +59,7 @@
</van-popup> </van-popup>
--> -->
<van-cell-group> <van-cell-group>
<van-field label="安全二维码" :disabled="true" /> <van-field label="安全二维码" style="color: #222" :disabled="true" />
</van-cell-group> </van-cell-group>
</van-cell-group> </van-cell-group>
......
src/_yh_check.html
View file @ b43cbe6c
...@@ -38,7 +38,7 @@ ...@@ -38,7 +38,7 @@
<!-- 隐患列表 --> <!-- 隐患列表 -->
<van-list> <van-list>
<van-cell v-for="item in filteredHazards" :key="item.id" class="list-item"> <van-cell v-for="item in filteredHazards" :key="item.id" class="list-item" @click="viewDetail(item)" >
<div style="width: 100%;"> <div style="width: 100%;">
<!-- 第一行：隐患描述 --> <!-- 第一行：隐患描述 -->
<div style=" <div style="
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment