输入框样式

src/components/createCom/XhInput.vue

 <!-- *******************  输入框  *******************  -->
 <template>
 	<view>
-		<u-input :type="type" class="input-item" v-model="dataValue" @input="valueChange" :placeholder="placeholder" placeholder-style="placeholderStyle"
-		custom-style="customStyle"/>
+		<u-input :type="type" class="input-item" v-model="dataValue" @input="valueChange" :placeholder="placeholder" :placeholder-style="placeholderStyle"
+		:custom-style="customStyle"/>
 	</view>
 </template>
 
@@ -16,6 +16,10 @@
 			placeholder: {
 				type: String,
 				default: '请输入'
+			},
+			width: {
+				type: String,
+				default: '100%'
 			}
 		},
 		data() {
@@ -36,7 +40,9 @@
 				return {
 					'background-color': '#F4F5F7',
 					'border-radius': '12rpx',
-					'color': '#ff0000'
+					'color': '#333333',
+					'padding-left': '20rpx',
+					'width': this.width
 				}
 			}
 		},