perf: 优化新增需求页面

circlePages/circle.vue

@@ -17,22 +17,42 @@
 			</view>
 		</tn-nav-bar>
 
-		<view class="tn-safe-area-inset-bottom" :style="{paddingTop: vuex_custom_bar_height + 'px'}">
+		<view class="tn-safe-area-inset-bottom" style="background: #f7f7f7;" :style="{paddingTop: vuex_custom_bar_height + 'px'}">
 
-			<tn-steps style="pointer-events:none;" :list="stepList" :current="stepIndex" mode="dotIcon" :fontSize="(wxFontSize-3)+'px'"></tn-steps>
+			<view style="display: flex;padding: 16px 80px;">
+				<view style="position: relative;">
+					<image style="width: 40px;height: 40px;" src="../static/tu/step1.png"></image>
+					<view style="position: absolute;width: max-content;margin-left: -50%;" :style="{color:stepIndex==1?'#333':'#777'}">填写需求</view>
+				</view>
+				<view style="flex:1;height: 0px;border: 1px dashed #005DA6;align-self: center;"></view>
+				<view style="position: relative;">
+				<image v-if="stepIndex==1" style="width: 40px;height: 40px;" src="../static/tu/step2.png"></image>
+				<image v-if="stepIndex==2" style="width: 40px;height: 40px;" src="../static/tu/step22.png"></image>
+				<view style="position: absolute;width: max-content;margin-left: -50%;" :style="{color:stepIndex==1?'#777':'#333'}">填写联系方式</view>
+				</view>
+			</view>
 			
+			<!-- <tn-steps style="pointer-events:none;" :list="stepList" :current="stepIndex" mode="dotIcon" :fontSize="(wxFontSize-3)+'px'"></tn-steps>
+			 -->
 			<view v-show="stepIndex==1">
-			<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
+				<view style="margin-top: 24px;background: #e187301a;border-radius: 5px 5px 5px 5px;margin-left: 16px;margin-right: 16px;padding: 8px 0 7px 10px;">
+					<image src="../static/tu/tip.png" style="width: 20px;height: 20px;vertical-align: bottom;"></image>
+					<text style="color:#E18730">以下三种方式可任选其一，若有可都输入</text>
+				</view>
+				
+			<!-- <view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top tn-margin">
 				<view class="tn-flex justify-content-item">
 					<view class="tn-text-lg tn-padding-right-xs tn-text-bold" style="font-size: 16px;" :style="{fontSize:(wxFontSize-1)+'px'}">以下三种方式可任选其一，若有可都输入</view>
 				</view>
+			</view> -->
+			<view style="padding: 16px;color:#333;"  :style="{fontSize:(fontSize-1)+'px'}">
+				 需求
 			</view>
-
-			<view class="tn-margin tn-bg-gray--light tn-padding" style="border-radius: 10rpx;">
-				<textarea maxlength="500" v-model="content" placeholder="请描述您的需求..." :style="{fontSize:(wxFontSize-3)+'px'}"  :placeholder-style="styleString"></textarea>
+			<view class="tn-margin  tn-padding" style="border-radius: 10rpx;background: #fff;margin-top: 0;">
+				<textarea maxlength="500" v-model="content" placeholder="请描述您的需求..." :style="{fontSize:(wxFontSize-3)+'px',width:'100%'}"  :placeholder-style="styleString"></textarea>
 			</view>
 
-			<view class="tn-flex tn-flex-row-between tn-flex-col-center  tn-margin" style="margin-top:40px;margin-bottom: 0;">
+			<!-- <view class="tn-flex tn-flex-row-between tn-flex-col-center  tn-margin" style="margin-top:40px;margin-bottom: 0;">
 				<view class="tn-flex justify-content-item">
 					<view class=" tn-text-center"
 						style="border-radius: 100rpx;margin-right: 8rpx;width: 45rpx;height: 45rpx;line-height: 45rpx;">
@@ -40,29 +60,33 @@
 					</view>
 					<view class="tn-padding-right-xs tn-text-bold"  style="font-size: 16px;" :style="{fontSize:(wxFontSize-1)+'px'}">上传图片</view>
 				</view>
+			</view> -->
 				<!-- <view class="justify-content-item tn-text-df tn-color-grey" @tap="clear">
 					<text class="tn-padding-xs">清空上传</text>
 					<text class="tn-icon-delete"></text>
 				</view> -->
-			</view>
+			
 			
 			
 
 
 
-
+			<view style="padding: 16px;color:#333;"  :style="{fontSize:(fontSize-1)+'px'}">
+				 上传图片
+			</view>
 			<view class="tn-margin-left tn-padding-top-xs">
 				<uni-file-picker
 					v-model="imgList" :limit="6" @delete="deleteFile"  :auto-upload="false" @select="select" @success="success">
 				</uni-file-picker>
 				<view style="margin-top: 8px;">
-					<text style="color: #999;font-size: 12px;" :style="{fontSize:(wxFontSize-5)+'px'}">一次只能上传六张图片</text>
+					<image src="../static/tu/help.png" style="width: 16px;height: 16px;margin-right:4px;vertical-align: bottom;"></image>
+					<text style="color: #aaa;font-size: 12px;" :style="{fontSize:(wxFontSize-5)+'px'}">一次只能上传<text style="color: #E18730;display: inline;">六张图片</text></text>
 				</view>
-				
-
 			</view>
-			
-			<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top-xl tn-margin" style="margin-bottom: 0;">
+			<view style="padding: 16px;color:#333;"  :style="{fontSize:(fontSize-1)+'px'}">
+				 上传文件
+			</view>
+			<!-- <view class="tn-flex tn-flex-row-between tn-flex-col-center tn-padding-top-xl tn-margin" style="margin-bottom: 0;">
 				<view class="tn-flex justify-content-item">
 					<view class=" tn-text-center"
 						style="border-radius: 100rpx;margin-right: 8rpx;width: 45rpx;height: 45rpx;line-height: 45rpx;">
@@ -70,31 +94,33 @@
 					</view>
 					<view class="tn-padding-right-xs tn-text-bold" style="font-size: 16px;" :style="{fontSize:(wxFontSize-1)+'px'}">上传文件</view>
 				</view>
-				<!-- <view class="justify-content-item tn-text-df tn-color-grey" @tap="clear">
-					<text class="tn-padding-xs">清空上传</text>
-					<text class="tn-icon-delete"></text>
-				</view> -->
-			</view>
+				 
+			</view> -->
 			
-			<view class="tn-margin-left tn-padding-top-xs">
+			<view style="background: #fff;margin-left: 16px;margin-right: 16px;padding: 12px;border-radius: 6px;">
 				<uni-file-picker
 					v-model="fileList" :limit="3" mode="grid" @delete="deleteFile"  file-mediatype="all" file-extname="pdf,docx,doc,xls,xlsx" :auto-upload="false" @select="select" @success="success">
 				<!-- <button size="default">上传文件</button> -->
 				<view style="text-align: left;">
-					<button size="mini" style="color:#1d60b1;border-color:#1d60b1;" plain="true" :style="{fontSize:(wxFontSize-5)+'px'}">上传文件</button>
+					<button size="mini" style="color:#fff;background-color:#005DA6;border: none;" plain="true" :style="{fontSize:(wxFontSize-5)+'px'}">
+						<image src="../static/tu/up.png" style="width: 20px;height: 20px;vertical-align: middle;margin-right: 4px;"></image>
+						上传文件</button>
 				</view>
 				<!-- <tn-button shadow shape="round" fontColor="tn-color-white" size="lg" backgroundColor="tn-bg-blue" :fontSize="24" height="auto" padding="20rpx 36rpx">上传文件</tn-button>
 				 -->
 				</uni-file-picker>
 				<view style="margin-top: 4px;">
-					<text style="color: #999;font-size: 12px;" :style="{fontSize:(wxFontSize-5)+'px'}">一次只能上传三个文件，支持格式 pdf .doc .xls，不超过5MB。</text>
+					<text style="color: #999;font-size: 12px;" :style="{fontSize:(wxFontSize-5)+'px'}">一次只能上传<text style="color: #E18730;">三个</text>文件，支持格式<text style="color: #E18730;"> pdf .doc .xls</text>，不超过<text style="color: #E18730;">5MB</text>。</text>
 				</view>
 				
 			
 			</view>
 			
 			<view style="margin-top:20px;padding: 16px">
-				<text style="font-size: 16px;line-height: 30px;" :style="{fontSize:(wxFontSize-1)+'px'}">需求有效期:</text>
+				<view style="padding: 16px 0;color:#333;"  :style="{fontSize:(fontSize-1)+'px'}">
+					 需求有效期
+				</view>
+				 
 				<uni-data-select
 				    v-model="selectValue"
 				    :localdata="selectList"
@@ -109,7 +135,7 @@
 			<!-- 悬浮按钮-->
 			<view class="tn-flex tn-footerfixed">
 				<view class="tn-flex-1 justify-content-item tn-margin-sm tn-text-center">
-					<button type="default" plain="true" style="border-radius: 24px;" :disabled="!canNext"
+					<button type="default" plain="true" style="border-radius: 8px 8px 8px 8px;background: #005DA6;color: #f7f7f7;border: none;" :disabled="!canNext"
 						@click="nextStep()" :style="{fontSize:(wxFontSize-2)+'px'}">
 						 下一步 
 					</button>

pages/home/home.vue

@@ -99,8 +99,10 @@
 
 						</view>
 						<view class="justify-content-item tn-flex tn-flex-col-center" style="position: relative;">
-							<text class="tn-icon-more-vertical tn-text-bold tn-text-xxl" style="color: #005DA6;transform: rotate(90deg);"
-								@click="showActionSheet(item)"></text>
+							
+							<image style="width: 30px;height:30px;" @click="showActionSheet(item)" src="../../static/tu/more.png"></image>
+							<!-- <text class="tn-icon-more-vertical tn-text-bold tn-text-xxl" style="color: #005DA6;transform: rotate(90deg);"
+								@click="showActionSheet(item)"></text> -->
 								
 							<view v-if="curItem.id==item.id&&showSheet" class="pop-dia" style="position: absolute;
     background: #E4F1FB;

uni_modules/uni-data-select/components/uni-data-select/uni-data-select.vue

@@ -376,6 +376,7 @@
 
 	.uni-select {
 		font-size: 14px;
+		background-color: #fff;
 		border: 1px solid $uni-border-3;
 		box-sizing: border-box;
 		border-radius: 4px;

uni_modules/uni-file-picker/components/uni-file-picker/uni-file-picker.vue

@@ -8,9 +8,10 @@
 			:image-styles="imageStyles" :files-list="filesList" :limit="limitLength" :disablePreview="disablePreview"
 			:delIcon="delIcon" @uploadFiles="uploadFiles" @choose="choose" @delFile="delFile">
 			<slot>
-				<view class="is-add">
-					<view class="icon-add"></view>
-					<view class="icon-add rotate"></view>
+				<view class="is-add" style="display: block;text-align: center;">
+					<image src="../../../../static/tu/plus.png" style="width: 40px;height: 40px;"></image>
+					 
+					<view style="color: #777777;">上传图片</view>
 				</view>
 			</slot>
 		</upload-image>

uni_modules/uni-file-picker/components/uni-file-picker/upload-image.vue

@@ -207,8 +207,9 @@
 		bottom: 0;
 		left: 0;
 		margin: 5px;
-		border: 1px #eee solid;
+		border: 1px #005DA6 dashed;
 		border-radius: 5px;
+		background-color: #fff;
 		overflow: hidden;
 	}
 

unpackage/dist/dev/mp-weixin/circlePages/circle.json

@@ -3,7 +3,6 @@
   "enablePullDownRefresh": false,
   "usingComponents": {
     "tn-nav-bar": "/tuniao-ui/components/tn-nav-bar/tn-nav-bar",
-    "tn-steps": "/tuniao-ui/components/tn-steps/tn-steps",
     "uni-file-picker": "/uni_modules/uni-file-picker/components/uni-file-picker/uni-file-picker",
     "uni-data-select": "/uni_modules/uni-data-select/components/uni-data-select/uni-data-select",
     "uni-forms": "/uni_modules/uni-forms/components/uni-forms/uni-forms",

unpackage/dist/dev/mp-weixin/uni_modules/uni-data-select/components/uni-data-select/uni-data-select.wxss

@@ -33,6 +33,7 @@
 }
 .uni-select {
   font-size: 14px;
+  background-color: #fff;
   border: 1px solid #e5e5e5;
   box-sizing: border-box;
   border-radius: 4px;

unpackage/dist/dev/mp-weixin/uni_modules/uni-file-picker/components/uni-file-picker/upload-image.wxss

@@ -24,8 +24,9 @@
   bottom: 0;
   left: 0;
   margin: 5px;
-  border: 1px #eee solid;
+  border: 1px #005DA6 dashed;
   border-radius: 5px;
+  background-color: #fff;
   overflow: hidden;
 }
 .file-picker__progress {