Showing
5 changed files
with
32 additions
and
5 deletions
| @@ -8,7 +8,7 @@ | @@ -8,7 +8,7 @@ | ||
| 8 | </template> | 8 | </template> |
| 9 | <template v-slot:footer> | 9 | <template v-slot:footer> |
| 10 | <view class="serial-number-row"> | 10 | <view class="serial-number-row"> |
| 11 | - <uni-easyinput v-model="form.serialNumber" placeholder="自动生成编号" :inputBorder="false" disabled /> | 11 | + <text class="readonly-text value-code">{{ form.serialNumber }}</text> |
| 12 | <button class="generate-btn" @click="loadSerialNumber">点此生成</button> | 12 | <button class="generate-btn" @click="loadSerialNumber">点此生成</button> |
| 13 | </view> | 13 | </view> |
| 14 | </template> | 14 | </template> |
| @@ -809,4 +809,8 @@ export default { | @@ -809,4 +809,8 @@ export default { | ||
| 809 | white-space: pre-wrap; | 809 | white-space: pre-wrap; |
| 810 | word-break: break-all; | 810 | word-break: break-all; |
| 811 | } | 811 | } |
| 812 | +.value-code { | ||
| 813 | + width: 260rpx; | ||
| 814 | + text-align: left; | ||
| 815 | +} | ||
| 812 | </style> | 816 | </style> |
| @@ -8,7 +8,7 @@ | @@ -8,7 +8,7 @@ | ||
| 8 | </template> | 8 | </template> |
| 9 | <template v-slot:footer> | 9 | <template v-slot:footer> |
| 10 | <view class="serial-number-row"> | 10 | <view class="serial-number-row"> |
| 11 | - <uni-easyinput v-model="form.serialNumber" placeholder="自动生成编号" :inputBorder="false" disabled /> | 11 | + <text class="readonly-text">{{ form.serialNumber }}</text> |
| 12 | </view> | 12 | </view> |
| 13 | </template> | 13 | </template> |
| 14 | </uni-list-item> | 14 | </uni-list-item> |
| @@ -8,7 +8,7 @@ | @@ -8,7 +8,7 @@ | ||
| 8 | </template> | 8 | </template> |
| 9 | <template v-slot:footer> | 9 | <template v-slot:footer> |
| 10 | <view class="serial-number-row"> | 10 | <view class="serial-number-row"> |
| 11 | - <uni-easyinput v-model="form.serialNumber" placeholder="自动生成编号" :inputBorder="false" disabled /> | 11 | + <text class="readonly-text">{{ form.serialNumber }}</text> |
| 12 | </view> | 12 | </view> |
| 13 | </template> | 13 | </template> |
| 14 | </uni-list-item> | 14 | </uni-list-item> |
| @@ -8,7 +8,7 @@ | @@ -8,7 +8,7 @@ | ||
| 8 | </template> | 8 | </template> |
| 9 | <template v-slot:footer> | 9 | <template v-slot:footer> |
| 10 | <view class="serial-number-row"> | 10 | <view class="serial-number-row"> |
| 11 | - <uni-easyinput v-model="form.code" placeholder="自动生成编号" :inputBorder="false" disabled /> | 11 | + <text class="readonly-text value-code">{{ form.code }}</text> |
| 12 | <button class="generate-btn" @click="loadCode">点此生成</button> | 12 | <button class="generate-btn" @click="loadCode">点此生成</button> |
| 13 | </view> | 13 | </view> |
| 14 | </template> | 14 | </template> |
| @@ -328,4 +328,19 @@ export default { | @@ -328,4 +328,19 @@ export default { | ||
| 328 | } | 328 | } |
| 329 | } | 329 | } |
| 330 | } | 330 | } |
| 331 | + | ||
| 332 | + | ||
| 333 | +/* 只读文本样式 */ | ||
| 334 | +.readonly-text { | ||
| 335 | + color: rgba(0, 0, 0, 0.9); | ||
| 336 | + font-size: 32rpx; | ||
| 337 | + line-height: 48rpx; | ||
| 338 | + text-align: right; | ||
| 339 | + white-space: pre-wrap; | ||
| 340 | + word-break: break-all; | ||
| 341 | +} | ||
| 342 | +.value-code { | ||
| 343 | + width: 260rpx; | ||
| 344 | + text-align: left; | ||
| 345 | +} | ||
| 331 | </style> | 346 | </style> |
| @@ -8,7 +8,7 @@ | @@ -8,7 +8,7 @@ | ||
| 8 | </template> | 8 | </template> |
| 9 | <template v-slot:footer> | 9 | <template v-slot:footer> |
| 10 | <view class="serial-number-row"> | 10 | <view class="serial-number-row"> |
| 11 | - <uni-easyinput v-model="form.code" placeholder="自动生成编号" :inputBorder="false" disabled /> | 11 | + <text class="readonly-text">{{ form.code }}</text> |
| 12 | </view> | 12 | </view> |
| 13 | </template> | 13 | </template> |
| 14 | </uni-list-item> | 14 | </uni-list-item> |
| @@ -336,4 +336,12 @@ export default { | @@ -336,4 +336,12 @@ export default { | ||
| 336 | } | 336 | } |
| 337 | } | 337 | } |
| 338 | } | 338 | } |
| 339 | +.readonly-text { | ||
| 340 | + color: rgba(0, 0, 0, 0.9); | ||
| 341 | + font-size: 32rpx; | ||
| 342 | + line-height: 48rpx; | ||
| 343 | + text-align: right; | ||
| 344 | + white-space: pre-wrap; | ||
| 345 | + word-break: break-all; | ||
| 346 | +} | ||
| 339 | </style> | 347 | </style> |