perf: 优化我有什么页面

pages/home/home.vue

@@ -3,27 +3,29 @@
 
 		
 
-		<view class="">
+		<view  style="background: #f7f7f7;">
 			<uv-sticky bgColor="#ffffff">
 				<uni-search-bar radius="15" placeholder="搜索" @confirm="search" v-model="searchValue" @blur="search"
-					@cancel="cancel" @clear="clear" cancelButton="auto" clearButton="auto" :fontSize="(wxFontSize-2)"
-					style="border-bottom: 1rpx solid #f1f1f1cc;">
+					@cancel="cancel" @clear="clear" cancelButton="auto"  bgColor="#fff" clearButton="auto" :fontSize="(wxFontSize-2)"
+					style="background: #f7f7f7;">
+					<template v-slot:searchIcon>
+							<image src="../../static/tu/search.png" style="width: 28px;height: 28px"></image>
+						</template>
 				</uni-search-bar></uv-sticky>
 
 
 			<!-- 图文信息 -->
 			<block v-for="(item,index) in content" :key="item.id" >
-				<view class="blogger__item">
+				<view class="blogger__item" style="border-radius: 12px;margin: 12px 16px 12px 16px; background-color: #fff;" :style="{marginTop:index==0?'0':'12px'}">
 					<view class="blogger__author tn-flex tn-flex-row-between tn-flex-col-center">
 						<view class="justify__author__info" @click="tn('')">
 							<view class="tn-flex tn-flex-row-center">
 								<view class="tn-flex tn-flex-row-center tn-flex-col-center">
-									<!-- <view class="">
-										<tn-avatar class="" shape="circle" :src="item.userAvatar" size="lg">
-										</tn-avatar>
-									</view> -->
+									<view class="" style="width: 5px;height: 5px;background: #E18730;border-radius: 0px 0px 0px 0px;">
+										 
+									</view>
 									<view class="tn-padding-right">
-										<view class="tn-padding-right  tn-color-grey tn-text-lg" :style="{fontSize:(wxFontSize)+'px'}">
+										<view class="tn-padding-right tn-text-lg" style="color:#333" :style="{fontSize:(wxFontSize)+'px'}">
 											{{ item.company }}
 										</view>
 
@@ -33,9 +35,9 @@
 						</view>
 						<view v-if="item.validDate"
 							class="blogger__author__btn justify-content-item tn-flex-col-center tn-flex-row-center">
-							<text class="" style="background: #3F51B542;font-size: 12px;word-break: keep-all;
+							<text class="" style="background: #E6E8F4;font-size: 12px;word-break: keep-all;
     padding: 8px;
-    color: #0000FF;
+    color: #8383F7;
     border-radius: 24px;
     border-top-right-radius: 0;" :style="{fontSize:(wxFontSize-6)+'px'}" @click="showValid(item.validDate)">{{item.validDate}}</text>
 						</view>
@@ -51,7 +53,7 @@
 						</view> -->
 						<!-- 不用限制长度了，因为发布的时候限制长度了-->
 						<text
-							class="blogger__desc__content tn-flex-1 tn-text-justify tn-text-df" :style="{fontSize:(wxFontSize-2)+'px'}">{{ item.content }}</text>
+							class="blogger__desc__content tn-flex-1 tn-text-justify tn-text-df" style="color:#747E87" :style="{fontSize:(wxFontSize-2)+'px'}">{{ item.content }}</text>
 					</view>
 
 
@@ -86,10 +88,10 @@
 							</tn-grid>
 						</view>
 					</block>
-					<view v-for="file in item.fileDetailList" style="margin-bottom: 4px;" :key="file.id" v-if="!isImage(file.fileName)">
+					<view v-for="file in item.fileDetailList" style="background-color:#005da60d ;margin-bottom: 4px;padding: 4px 8px;border-radius: 4px;" :key="file.id" v-if="!isImage(file.fileName)">
 						<view>
-							<text class="tn-icon-link" :style="{fontSize:(wxFontSize-4)+'px'}"></text>
-							<view style="display: inline;margin-left:8px" :style="{fontSize:(wxFontSize-3)+'px'}" @click="clickLink(file.ftpUrl,file.fileName)">
+							<text class="tn-icon-link" :style="{fontSize:(wxFontSize-4)+'px',color:'#005DA6;'}"></text>
+							<view style="display: inline;margin-left:8px;color:#005DA6;" :style="{fontSize:(wxFontSize-3)+'px'}" @click="clickLink(file.ftpUrl,file.fileName)">
 								{{file.fileName}}</view>
 
 						</view>
@@ -98,13 +100,13 @@
 
 					<view class="tn-flex tn-flex-row-between tn-flex-col-center tn-margin-top-xs">
 						<view class="justify-content-item tn-color-gray tn-text-center">
-							<view class="tn-padding-right   tn-padding-top-xs tn-color-gray" :style="{fontSize:(wxFontSize-3)+'px'}">
+							<view class="tn-padding-right   tn-padding-top-xs tn-color-gray" :style="{fontSize:(wxFontSize-3)+'px',color:'#777'}">
 								{{ item.createTime|formatDate }}
 							</view>
 
 						</view>
 						<view class="justify-content-item tn-flex tn-flex-col-center" style="position: relative;">
-							<text class="tn-icon-more-vertical tn-color-gray tn-text-bold tn-text-xxl"
+							<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;
@@ -147,13 +149,13 @@
 				</view>
 
 				<!-- 边距间隔 -->
-				<view class="tn-strip-bottom" v-if="index != content.length - 1"></view>
+				<!-- <view class="tn-strip-bottom" v-if="index != content.length - 1"></view> -->
 			</block>
 			<view v-if="showEmpty&&content.length==0" style="margin-top: 32vh;">
 				<tn-empty mode="list"></tn-empty>
 			</view>
 			<!-- 结尾 -->
-			<view v-if="content.length==totalSize&&totalSize!=0" style="background-color: #f1f1f1cc;padding: 16px 0;" :style="{paddingTop:showSheet?'216px':'16px'}">
+			<view v-if="content.length==totalSize&&totalSize!=0" style="background-color: #f7f7f7;padding: 16px 0;" :style="{paddingTop:showSheet?'216px':'16px'}">
 				<tn-load-more status="nomore" :loadText="loadText" :fontSize="(wxFontSize+11)"></tn-load-more>
 			</view>
 

pages/index/index.vue

@@ -2,19 +2,18 @@
 	<view class="start-index">
 		<view v-if="tabberPageLoadFlag[1]" :style="{display: currentIndex === 1 ? '' : 'none'}">
 			<tn-nav-bar customBack>
-				<view slot="back" class='tn-custom-nav-bar__back' @click="reFetchData()">
-					<text v-if="!loading" class="tn-icon-circle-arrow" style="font-size: 30px;"></text>
-					<view style="margin-top:6px" v-if="loading"><tn-loading :size="46"></tn-loading></view>
+				<view slot="back" class='tn-custom-nav-bar__back' >
+					 
+					<image style="width: 28px;height: 28px;margin-left:4px"  @click="reFetchData()" src="../../static/tu/reload.png"></image>
+					<image style="width: 28px;height: 28px;margin-left:12px"  @click="addButton()" src="../../static/tu/add.png"></image>
+					 
 				</view>
 			
 				<view slot="default" style="display: flex;">
 					<view style="flex:1;margin-left:25px;">
 						<text :style="{fontSize:(wxFontSize)+'px'}">我要什么</text>
 					</view>
-					<view>
-						<text class="tn-icon-add-fill" style="font-size: 30px;margin-right: 4px;"
-							@click="addButton()"></text>
-					</view>
+					 
 				</view>
 			</tn-nav-bar>
 			<scroll-view class="custom-tabbar-page"  :style="{marginTop: vuex_custom_bar_height + 'px'}" lower-threshold="60"  scroll-y :refresher-enabled="true" :refresher-triggered="triggered" @refresherpulling="onPulling" @refresherrestore="onRestore" @refresherrefresh="onRefresh" enable-back-to-top @scrolltolower="tabbarPageScrollLower">
@@ -24,19 +23,15 @@
 		</view>
 		<view v-if="tabberPageLoadFlag[2]" :style="{display: currentIndex === 2 ? '' : 'none'}">
 			<tn-nav-bar customBack>
-				<view slot="back" class='tn-custom-nav-bar__back' @click="reFetchData()">
-					<text v-if="!loading" class="tn-icon-circle-arrow" style="font-size: 30px;"></text>
-					<view style="margin-top:6px" v-if="loading" ><tn-loading :size="46"></tn-loading></view>
+				<view slot="back" class='tn-custom-nav-bar__back'>
+					<image style="width: 28px;height: 28px;margin-left:4px"  @click="reFetchData()" src="../../static/tu/reload.png"></image>
+					<image style="width: 28px;height: 28px;margin-left:12px"  @click="addButton()" src="../../static/tu/add.png"></image>		 
 				</view>
 			
 				<view slot="default" style="display: flex;">
 					<view style="flex:1;margin-left:25px">
 						<text :style="{fontSize:(wxFontSize)+'px'}">我有什么</text>
 					</view>
-					<view>
-						<text class="tn-icon-add-fill" style="font-size: 30px;margin-right: 4px;"
-							@click="addButton()"></text>
-					</view>
 				</view>
 			</tn-nav-bar>
 			<scroll-view class="custom-tabbar-page" :style="{marginTop: vuex_custom_bar_height + 'px'}" scroll-y :refresher-enabled="true" :refresher-triggered="triggered" lower-threshold="60" @refresherrestore="onRestore" @refresherrefresh="onRefresh"  @refresherpulling="onPulling" enable-back-to-top @scrolltolower="tabbarPageScrollLower">

uni_modules/uni-search-bar/components/uni-search-bar/uni-search-bar.vue

@@ -243,7 +243,7 @@
 		/* #endif */
 		flex-direction: row;
 		position: relative;
-		padding: 10px;
+		padding: 16px;
 		// background-color: #fff;
 	}
 

unpackage/dist/dev/mp-weixin/pages/index/index.json

@@ -2,7 +2,6 @@
   "disableScroll": true,
   "usingComponents": {
     "tn-nav-bar": "/tuniao-ui/components/tn-nav-bar/tn-nav-bar",
-    "tn-loading": "/tuniao-ui/components/tn-loading/tn-loading",
     "tn-tabbar": "/tuniao-ui/components/tn-tabbar/tn-tabbar",
     "auth": "/pages/index/autoLogin",
     "home": "/pages/home/home",

unpackage/dist/dev/mp-weixin/uni_modules/uni-search-bar/components/uni-search-bar/uni-search-bar.wxss

@@ -8,7 +8,7 @@
   display: flex;
   flex-direction: row;
   position: relative;
-  padding: 10px;
+  padding: 16px;
 }
 .uni-searchbar__box {
   display: flex;