Commit b43cbe6c authored by lei's avatar lei

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

parent cc003ba0
......@@ -23,10 +23,10 @@ document.write(`
<script type="text/javascript" src="${contextPath}/sdk/jssdk2/sm2/build/SM.js"></script>
`)
// 移动端 debugger 调试
document.write(
'<script type="text/javascript" src="//cdn.bootcdn.net/ajax/libs/eruda/2.4.1/eruda.js"></script>\
<script>eruda.init();</script>'
)
// document.write(
// '<script type="text/javascript" src="//cdn.bootcdn.net/ajax/libs/eruda/2.4.1/eruda.js"></script>\
// <script>eruda.init();</script>'
// )
// 自动识别环境(需在文件最顶部添加)
window.env = window.location.hostname === 'web1.isdapp.shandong.gov.cn' ? 'pro' : 'dev';
......
html,
body {
html,
body {
background-color: #fff;
overflow-x: hidden;
}
}
.wrapper {
.wrapper {
/* padding: 0.2rem; */
}
}
/* 添加以下样式 */
.van-cell {
/* 添加以下样式 */
.van-cell {
padding: 12px 16px;
}
}
.van-field__label {
.van-field__label {
font-weight: bold;
color: #000;
font-size: .28rem;
}
color: #222 !important;
font-size: 0.28rem;
}
.van-field__control {
.van-field__control {
color: #737373;
}
}
.container {
.container {
text-align: center;
margin-top: .3rem;
}
margin-top: 0.3rem;
}
.qr-card {
.qr-card {
margin-bottom: 10px;
}
}
.save-btn {
.save-btn {
width: 48%;
background: #1890ff;
color: #fff;
......@@ -42,56 +41,56 @@
border-radius: 3px;
font-size: 16px;
cursor: pointer;
margin-bottom: .4rem;
}
margin-bottom: 0.4rem;
}
.hideEle {
.hideEle {
/* visibility: hidden; */
display: none;
}
.textStyleWrapper{
}
.textStyleWrapper {
display: flex;
align-items: center;
padding-top: 0.12rem;
padding-bottom: 0.12rem;
}
.textStyleLabel{
}
.textStyleLabel {
display: inline-block;
width: 1.72rem;
min-width: 1.72rem;
padding: .2rem;
padding-left: .3rem;
padding: 0.2rem;
padding-left: 0.3rem;
color: #9b9fab;
font-size: .28rem;
font-size: 0.28rem;
font-weight: bold;
}
}
.textStyleText{
.textStyleText {
display: inline-block;
/* width: 1.72rem; */
padding: .2rem;
padding: 0.2rem;
padding-left: 0;
color: #c8c9cc;
font-size: .28rem;
}
font-size: 0.28rem;
}
/* 基础重置样式 */
* {
/* 基础重置样式 */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
/* 去除移动端点击高亮 */
}
}
body {
body {
font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
font-size: 16px;
background-color: #f8f9fa;
}
}
/* 表单容器 */
.form-container {
/* 表单容器 */
.form-container {
max-width: 750px;
/* 移动端最大宽度 */
margin: 20px auto;
......@@ -99,10 +98,10 @@
background-color: #fff;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
}
/* 表单单项 */
.form-item {
/* 表单单项 */
.form-item {
position: relative;
display: flex;
align-items: center;
......@@ -110,37 +109,37 @@
height: 50px;
padding: 0 12px;
border-bottom: 1px solid #f0f2f5;
}
}
/* 最后一项去除下边框 */
.form-item:last-child {
/* 最后一项去除下边框 */
.form-item:last-child {
border-bottom: none;
}
}
/* 表单标题 */
.form-label {
/* 表单标题 */
.form-label {
flex-shrink: 0;
/* 防止标题被压缩 */
width: 1.7rem;
/* 标题固定宽度,可根据需求调整 */
color: #333;
font-size: .28rem;
font-size: 0.28rem;
font-weight: bold;
text-align: left;
/* 标题左对齐 */
}
}
/* 输入框容器 */
.form-input-wrap {
/* 输入框容器 */
.form-input-wrap {
flex: 1;
/* 占据剩余空间 */
height: 100%;
display: flex;
align-items: center;
}
}
/* 输入框样式 */
.form-input {
/* 输入框样式 */
.form-input {
width: 100%;
height: 32px;
/* 输入框高度小于容器,留出垂直空间 */
......@@ -148,20 +147,20 @@
outline: none;
font-size: 15px;
color: #666;
}
}
/* 输入框placeholder样式 */
.form-input::placeholder {
/* 输入框placeholder样式 */
.form-input::placeholder {
color: #999;
font-size: 14px;
}
}
/* 输入框聚焦效果 */
.form-input:focus {
/* 输入框聚焦效果 */
.form-input:focus {
color: #262626;
}
}
.imager-item-title {
.imager-item-title {
height: 50px;
line-height: 50px;
padding: 0 12px;
......@@ -169,25 +168,25 @@
border-bottom: 1px solid #f0f2f5;
margin-bottom: 10px;
font-weight: 400;
}
}
/* vant tab底部栏颜色 */
.van-tabs__line{
background-color: #1081E3;
}
/* vant tab底部栏颜色 */
.van-tabs__line {
background-color: #1081e3;
}
.selector{
.selector {
width: 5rem;
height: 0.6rem;
font-size: 0.3rem;
border: 1px solid #D7D7D7;
border: 1px solid #d7d7d7;
background-color: #fff;
}
input:disabled{
}
input:disabled {
background-color: #fff;
}
select:disabled{
border:none;
}
select:disabled {
border: none;
/* 移除默认箭头 */
-webkit-appearance: none;
-moz-appearance: none;
......@@ -198,18 +197,17 @@
/* 可选:统一背景色 */
background-color: white;
}
}
.van-cell--required {
overflow: visible
}
.van-cell--required {
overflow: visible;
}
.van-cell--required:before {
.van-cell--required:before {
position: absolute;
left: -0.01rem;
top: 50%;
transform: translateY(-50%);
font-size: .28rem;
content: "*";
}
font-size: 0.28rem;
content: '*';
}
html,
body {
html,
body {
background-color: #fff;
}
}
.wrapper {
.wrapper {
/* padding: 0.2rem; */
}
}
/* 添加以下样式 */
.van-cell {
/* 添加以下样式 */
.van-cell {
padding: 12px 16px;
}
}
.van-field__label {
.van-field__label {
font-weight: bold;
color: #000;
font-size: .28rem;
}
color: #222 !important;
font-size: 0.28rem;
}
.van-field__control {
.van-field__control {
color: #737373;
}
}
.container {
.container {
text-align: center;
margin-top: .3rem;
}
margin-top: 0.3rem;
}
.qr-card {
.qr-card {
margin-bottom: 10px;
}
}
.save-btn {
.save-btn {
background: #1890ff;
color: #fff;
border: none;
......@@ -40,34 +39,34 @@
border-radius: 3px;
font-size: 16px;
cursor: pointer;
margin-bottom: .4rem;
}
margin-bottom: 0.4rem;
}
.hideEle {
.hideEle {
/* visibility: hidden; */
display: none;
}
.textStyleWrapper{
}
.textStyleWrapper {
display: flex;
padding-top: 0.12rem;
padding-bottom: 0.12rem;
}
.textStyleLabel{
}
.textStyleLabel {
display: inline-block;
width: 1.72rem;
min-width: 1.72rem;
padding: .2rem;
padding-left: .3rem;
color: #9b9fab;
font-size: .28rem;
padding: 0.2rem;
padding-left: 0.3rem;
color: #222;
font-size: 0.28rem;
font-weight: bold;
}
}
.textStyleText{
.textStyleText {
display: inline-block;
/* width: 1.72rem; */
padding: .2rem;
padding: 0.2rem;
padding-left: 0;
color: #c8c9cc;
font-size: .28rem;
}
\ No newline at end of file
color: #333;
font-size: 0.28rem;
}
......@@ -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">
<title>高区“码”上</title>
<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>
<div id="app">
<div class="wrapper" v-cloak>
......@@ -27,7 +35,7 @@
</div>
</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-field label="地址" v-model="formData.businessAddress" :disabled="flag=='XQ'" /> -->
......@@ -38,7 +46,7 @@
</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-field label="场所类型" v-model="formData.type" placeholder="请选择场所类型" readonly clickable
......@@ -51,7 +59,7 @@
</van-popup>
-->
<van-cell-group>
<van-field label="安全二维码" :disabled="true" />
<van-field label="安全二维码" style="color: #222" :disabled="true" />
</van-cell-group>
</van-cell-group>
......
......@@ -38,7 +38,7 @@
<!-- 隐患列表 -->
<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="
......
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