|
|
@@ -20,16 +20,10 @@
|
|
|
|
|
|
<tui-list-cell class="line-cell" :hover="false">
|
|
|
<view class="tui-title required">所在地</view>
|
|
|
- <radio-group class="tui-input radio-group-custom" @change="locationChange">
|
|
|
- <label class="radio-option-label" for="jdLink">
|
|
|
- <radio id="jdLink" value="0" :checked="form.location == 0" style="transform:scale(0.8,0.8)" color="#3385ff" />
|
|
|
- <span class="checkbox-text">上游</span>
|
|
|
- </label>
|
|
|
- <label class="radio-option-label" for="localLink">
|
|
|
- <radio id="localLink" value="1" :checked="form.location == 1" style="transform:scale(0.8,0.8)" color="#3385ff" />
|
|
|
- <span class="checkbox-text">本地</span>
|
|
|
- </label>
|
|
|
- </radio-group>
|
|
|
+ <view class="tui-input select-button-wrap-custom">
|
|
|
+ <button class="admin-button-com middle" :class="[form.location == 0 ? 'blue' : 'default']" @click.stop="form.location = 0">上游</button>
|
|
|
+ <button class="admin-button-com middle" :class="[form.location == 1 ? 'blue' : 'default']" @click.stop="form.location = 1">本地</button>
|
|
|
+ </view>
|
|
|
</tui-list-cell>
|
|
|
|
|
|
<!-- 温馨提示区块 -->
|
|
|
@@ -154,28 +148,23 @@ export default {
|
|
|
margin-bottom: 20upx;
|
|
|
}
|
|
|
|
|
|
-// 核心单选按钮对齐控制
|
|
|
-.radio-group-custom {
|
|
|
+// 按钮方式所在地选项
|
|
|
+.select-button-wrap-custom {
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
align-items: center;
|
|
|
- height: 100%;
|
|
|
-
|
|
|
- .radio-option-label {
|
|
|
- display: inline-flex;
|
|
|
- align-items: center;
|
|
|
- margin-right: 48upx;
|
|
|
- cursor: pointer;
|
|
|
-
|
|
|
+
|
|
|
+ .admin-button-com {
|
|
|
+ margin-right: 20upx;
|
|
|
+ height: 60upx;
|
|
|
+ line-height: 60upx;
|
|
|
+ font-size: 26upx;
|
|
|
+ border-radius: 8upx;
|
|
|
+ padding: 0 30upx;
|
|
|
+
|
|
|
&:last-child {
|
|
|
margin-right: 0;
|
|
|
}
|
|
|
-
|
|
|
- .checkbox-text {
|
|
|
- font-size: 28upx;
|
|
|
- color: #444444;
|
|
|
- margin-left: 8upx;
|
|
|
- }
|
|
|
}
|
|
|
}
|
|
|
|
|
|
@@ -191,7 +180,7 @@ export default {
|
|
|
margin: 30upx 30upx 20upx;
|
|
|
|
|
|
.tip-icon {
|
|
|
- font-size: 26upx;
|
|
|
+ font-size: 34upx; // 提示图标增大 8upx (26upx -> 34upx)
|
|
|
color: #3385ff;
|
|
|
font-weight: bold;
|
|
|
margin-right: 12upx;
|
|
|
@@ -199,7 +188,7 @@ export default {
|
|
|
}
|
|
|
|
|
|
.tip-text {
|
|
|
- font-size: 24upx;
|
|
|
+ font-size: 32upx; // 提示文字信息增大 8upx (24upx -> 32upx)
|
|
|
color: #666666;
|
|
|
line-height: 1.4;
|
|
|
}
|
|
|
@@ -299,10 +288,16 @@ export default {
|
|
|
height: 84upx;
|
|
|
line-height: 84upx;
|
|
|
border-radius: 12upx;
|
|
|
- font-size: 28upx;
|
|
|
+ font-size: 32upx; // 按钮字体大小增加 4upx (28upx -> 32upx)
|
|
|
font-weight: bold;
|
|
|
cursor: pointer;
|
|
|
transition: all 0.2s ease;
|
|
|
+
|
|
|
+ // 强制使用 Flex 布局保持跨端单行文本垂直与水平绝对居中对齐
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ padding: 0;
|
|
|
|
|
|
&:active {
|
|
|
opacity: 0.85;
|