+

common/common.scss

@@ -30,6 +30,8 @@
 
 .v-row {
 	width: 100%;
+	display: flex;
+	flex-direction: row;
 	justify-content: space-between;
 	margin-bottom: 20rpx;
 }

pages/index/index.vue

@@ -8,12 +8,12 @@
 			<f-button-01 style="flex: 0 0 50%;" clazz="style-03" text="提交"></f-button-01>
 		</f-view-bottom-fixed>
 
-		<view class="v-row flex-row">
+		<view class="v-row">
 			<f-button-01 style="flex: 0 0 50%;" clazz="style-02"></f-button-01>
 			<f-button-01 style="flex: 0 0 50%;" clazz="style-03"></f-button-01>
 		</view>
 
-		<view class="v-row flex-row">
+		<view class="v-row">
 			<f-button-01 style="flex: 0 0 100%;" clazz="style-01"></f-button-01>
 		</view>
 
@@ -60,6 +60,8 @@
 		<view style="display: block; width: 100%;">
 			<f-title-01 title="租金交付方式" subTitle="(押二付二)"></f-title-01>
 			<f-multi-text-01 :ui="cMultiText01Ui" @click="onCMultiText01Click"></f-multi-text-01>
+			<f-multi-text-01 :ui="cMultiText01Ui02"></f-multi-text-01>
+			<!-- <view class="f-multi-text-line-h" style="background-color: red;"></view> -->
 		</view>
 		<f-status-view :status="statusViewUI2.status" @tap="onStatusViewClick2"></f-status-view>
 	</view>
@@ -125,7 +127,8 @@
 						}
 					}
 				},
-				cMultiText01Ui: {}
+				cMultiText01Ui: {},
+				cMultiText01Ui02: {},
 			}
 		},
 		onLoad() {
@@ -136,6 +139,7 @@
 			}, 500)
 			this.styleInit()
 			this.cMultiText01UiInit()
+			this.cMultiText01Ui02Init()
 		},
 		methods: {
 			onImageChoose(res) {
@@ -187,6 +191,21 @@
 				ui.clickActive = true
 				this.cMultiText01Ui = ui
 			},
+			cMultiText01Ui02Init() {
+				let ui = JSON.parse(JSON.stringify(constant.CONST.cMultiTextUI));
+				ui.prefix = '面积'
+				ui.value = '56'
+				ui.style = {
+					backgroundColor: 'transparent',
+					marginLeft: 0,
+					marginRight: 0,
+				}
+				ui.prefixStyle = {
+					color: "#777777"
+				}
+				ui.isShowBottomLine = true
+				this.cMultiText01Ui02 = ui
+			},
 			onStatusViewClick() {
 				console.log("click");
 				this.statusViewUI.status = ui.statusViewUI.status.loading.value

uni_modules/f-multi-text-01/changelog.md

+## 1.0.7（2024-06-04）
+1.0.7
+## 1.0.6（2024-06-04）
+1.0.6
 ## 1.0.5（2024-05-30）
 1.0.5
 ## 1.0.4（2024-05-29）

uni_modules/f-multi-text-01/components/f-multi-text-01/f-multi-text-01.vue

@@ -4,7 +4,7 @@
 		:style="[ui.style ? ui.style : {}]">
 		<view class="f-multi-text-v-middle flex-row row-center-v">
 			<view class="f-multi-text-v-left flex-row row-center-v">
-				<text class="f-multi-text-v-left-t-left">{{ ui.prefix }}</text>
+				<text class="f-multi-text-v-left-t-left" :style="[ui.prefixStyle]">{{ ui.prefix }}</text>
 				<text class="f-multi-text-v-left-t-left2" v-if="ui.isShowFlag">*</text>
 				<image class="f-multi-text-v-left-i-icon" @click="onPrefixIcon1Click" :src="ui.prefixIcon1"
 					v-if="ui.prefixIcon1Show"></image>
@@ -117,10 +117,12 @@
 
 
 	.f-multi-text-line-h {
+		display: flex;
 		margin-left: 32rpx;
 		width: 100%;
 		height: 1rpx;
 		background-color: #EBEBEB;
+		flex-shrink: 0;
 	}
 
 	.i-right {

uni_modules/f-multi-text-01/package.json

 {
   "id": "f-multi-text-01",
   "displayName": "f-multi-text-01",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "description": "f-multi-text-01",
   "keywords": [
     "f-multi-text-01"