mxl

pages/service-apl/service-apl.css

@@ -10,9 +10,15 @@ page{
   line-height:80upx;
   padding:0 35upx;
 }
+.apply-area{
+	/* background-color:#fff; */
+}
 .set-info-item {
   padding: 0 35upx;
-  border-bottom: 1upx solid #eee;
+  /* border-bottom: 1upx solid #eee; */
+  border:1upx solid #eee;
+  margin:35upx 20upx;
+  background-color:#fff;
 }
 
 .set-info-item  .item-name {
@@ -23,6 +29,13 @@ page{
   white-space: nowrap;
   flex-shrink: 0;
 }
+.ellip{
+	width:395upx;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	font-size:28upx;
+}
 
 .set-info-item  .item-name .remind-icon {
   position: absolute;

pages/service-apl/service-apl.vue

 <template>
 	<view>
 
-		<view style="background:white;">
+		<view class="apply-area">
 			<!-- <view class="set-info-title">小程序名称设置</view> -->
 			<view class="flex-a-c set-info-item">
 				<view class="item-name">
@@ -33,7 +33,9 @@
 					<!-- <input disabled="true" v-model="timeList.time9"/> -->
 					<picker @change="hurtTypeChange" :value="disableCategoryIndex" :range="disableCategory" range-key="name">
 						<view class="flex-a-c" style="justify-content:flex-end;">
-							<view class="picker-content" style=''>{{disableCategoryIndex>-1?disableCategory[disableCategoryIndex].name:'点击选择'}}</view>
+							<view class="picker-content ellip" style=''>
+								{{disableCategoryIndex>-1?disableCategory[disableCategoryIndex].name:'点击选择'}}
+							</view>
 							<view class="trangle"></view>
 						</view>
 					</picker>
@@ -48,7 +50,7 @@
 				<view class="flex1">
 					<picker @change="hurtLevelChange" :value="disableLevelIndex" :range="disableLevel" range-key="name">
 						<view class="flex-a-c" style="justify-content:flex-end;">
-							<view class="picker-content" style=''>{{disableLevelIndex>-1?disableLevel[disableLevelIndex].name:'点击选择'}}</view>
+							<view class="picker-content ellip" style=''>{{disableLevelIndex>-1?disableLevel[disableLevelIndex].name:'点击选择'}}</view>
 							<view class="trangle"></view>
 						</view>
 					</picker>
@@ -71,7 +73,9 @@
 					<!-- <picker @change="hurtLevelChange" :value="index" :range="arrayHurt" range-key="name"> -->
 					<picker  @change="proChange" :value="projectTypeIndex" :range="projectTypeList" range-key="projectName">
 						<view class="flex-a-c" style="justify-content:flex-end;">
-							<view class="picker-content" style=''>{{projectTypeIndex>-1?projectTypeList[projectTypeIndex].projectName:'点击选择'}}</view>
+							<view class="picker-content ellip">
+								{{projectTypeIndex>-1?projectTypeList[projectTypeIndex].projectName:'点击选择'}}
+							</view>
 							<view class="trangle"></view>
 						</view>
 					</picker>