Skip to content

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

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

parent cc003ba0
Hide 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; border: none;
border: none; padding: 7px 20px;
padding: 7px 20px; border-radius: 3px;
border-radius: 3px; font-size: 16px;
font-size: 16px; cursor: pointer;
cursor: pointer; margin-bottom: 0.4rem;
margin-bottom: .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: 0.2rem;
padding: .2rem; padding-left: 0.3rem;
padding-left: .3rem; color: #9b9fab;
color: #9b9fab; font-size: 0.28rem;
font-size: .28rem; font-weight: bold;
font-weight: bold; }
}
.textStyleText {
.textStyleText{ display: inline-block;
display: inline-block; /* width: 1.72rem; */
/* width: 1.72rem; */ padding: 0.2rem;
padding: .2rem; padding-left: 0;
padding-left: 0; color: #c8c9cc;
color: #c8c9cc; font-size: 0.28rem;
font-size: .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; padding: 0 15px;
padding: 0 15px; 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; /* 垂直居中 */
/* 垂直居中 */ 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: 0.28rem;
font-size: .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; /* 输入框高度小于容器，留出垂直空间 */
/* 输入框高度小于容器，留出垂直空间 */ border: none;
border: none; 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; font-size: 14px;
font-size: 14px; 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; appearance: none;
appearance: none;
/* 调整右侧内边距，防止文字溢出 */
/* 调整右侧内边距，防止文字溢出 */ padding-right: 25px;
padding-right: 25px;
/* 可选：统一背景色 */
/* 可选：统一背景色 */ background-color: white;
background-color: white; }
}
.van-cell--required {
overflow: visible;
.van-cell--required { }
overflow: visible
} .van-cell--required:before {
position: absolute;
.van-cell--required:before { left: -0.01rem;
position: absolute; top: 50%;
left: -0.01rem; transform: translateY(-50%);
top: 50%; font-size: 0.28rem;
transform: translateY(-50%); content: '*';
font-size: .28rem; }
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 {
margin-bottom: 10px;
}
.qr-card { .save-btn {
margin-bottom: 10px; background: #1890ff;
} color: #fff;
border: none;
padding: 7px 20px;
border-radius: 3px;
font-size: 16px;
cursor: pointer;
margin-bottom: 0.4rem;
}
.save-btn { .hideEle {
background: #1890ff; /* visibility: hidden; */
color: #fff; display: none;
border: none; }
padding: 7px 20px; .textStyleWrapper {
border-radius: 3px; display: flex;
font-size: 16px; padding-top: 0.12rem;
cursor: pointer; padding-bottom: 0.12rem;
margin-bottom: .4rem; }
} .textStyleLabel {
display: inline-block;
.hideEle { width: 1.72rem;
/* visibility: hidden; */ min-width: 1.72rem;
display: none; padding: 0.2rem;
} padding-left: 0.3rem;
.textStyleWrapper{ color: #222;
display: flex; font-size: 0.28rem;
padding-top: 0.12rem; font-weight: bold;
padding-bottom: 0.12rem; }
}
.textStyleLabel{ .textStyleText {
display: inline-block; display: inline-block;
width: 1.72rem; /* width: 1.72rem; */
min-width: 1.72rem; padding: 0.2rem;
padding: .2rem; padding-left: 0;
padding-left: .3rem; color: #333;
color: #9b9fab; font-size: 0.28rem;
font-size: .28rem; }
font-weight: bold;
}
.textStyleText{
display: inline-block;
/* width: 1.72rem; */
padding: .2rem;
padding-left: 0;
color: #c8c9cc;
font-size: .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