修改首页 采购详情、搜索页样式

pageA/product/detail.vue

@@ -9,18 +9,18 @@
 		<image style='width:100%;' src='../../static/img/jiaoyi/bg@3x.png'></image>
 		<view class="introduce-section">
 			<view style='height:70px;'>
-				<view class="title">{{goods.title}}</view>
-				<view class='flex justify-between'>
+				<view class="title Semibold">{{goods.title}}</view>
+				<view class='flex justify-between Regular'>
 					<view style='flex:1.5;color:#878C9C;'>{{goods.receivePrivate}}{{goods.receiveCity}}{{goods.receiveArea}}{{goods.receiveWarehouse}}</view>
-					<view  v-if='goods.procurementPlanType=="现货"' class="title-tip">
+					<view  v-if='goods.procurementPlanType=="现货"' class="title-tip NumberBold">
 						{{goods.procurementPrice}}
 					</view>
-					<view style='text-align:right;'  v-else class="title-tip">
+					<view style='text-align:right;'  v-else class="title-tip NumberBold">
 						{{goods.basisPrice}}
 					</view>
 				</view>
-				<view style='text-align:right;' v-if='goods.procurementPlanType=="现货"'>采购价格</view>
-				<view style='text-align:right;' v-if='goods.procurementPlanType=="期货"'>今日基差</view>
+				<view style='text-align:right;' class="Regular" v-if='goods.procurementPlanType=="现货"'>采购价格</view>
+				<view style='text-align:right;' class="Regular" v-if='goods.procurementPlanType=="期货"'>今日基差</view>
 			</view>
 		</view>
 		<view v-if="goods.storeImg" class="carousel-section">
@@ -43,10 +43,10 @@
 		</view>
 	
 		<view class="detail-desc">
-			<view class="d-header">
+			<view class="d-header Medium">
 				<text>基本信息</text>
 			</view>
-			<view class="c-list">
+			<view class="c-list Regular">
 				<view class="c-row">
 					<text class="tit">货名</text>
 					<view class="con-list">
@@ -128,10 +128,10 @@
 			</view>
 		</view>
 		<view class="detail-desc">
-			<view class="d-header">
+			<view class="d-header Medium">
 				<text>货物要求</text>
 			</view>
-			<view class="c-list">
+			<view class="c-list Regular">
 				<view class="c-row"  v-if="goods.waterContent">
 					<text class="tit">水分（%）{{'<='}} </text>
 					<view class="con-list">
@@ -210,8 +210,8 @@
 		</view>
 		<!-- 底部操作菜单 -->
 		<view class="page-bottom1">
-			<view>
-				<button type="primary" @click="contactUs">立即沟通</button>
+			<view class="Regular">
+				<button class="talk-online" @click="contactUs">立即沟通</button>
 				<button  @click="salegrain" v-if="goods.pcFlag == 1" type="primary" class=" action-btn no-border add-cart-btn" >立即卖粮</button>
 				<button v-else type="primary" class="action-btn no-border add-cart-btn" 
 				@click="tradeNow">立即发车</button>
@@ -739,6 +739,9 @@
 			line-height: 40upx;
 			text-align: right;
 			padding-right: 20upx;
+			font-family: PingFangSC-Medium, PingFang SC;
+			font-weight: 500;
+			font-size: 28rpx;
 		}
 
 		.red {
@@ -1059,7 +1062,7 @@
 			border-radius:18px;
 			margin:0 10px;
 			font-size:14px;background:#fff;
-			color:#333;
+			color: #333333;
 			border:1px solid #333;
 		}
 		.action-btn{
@@ -1219,4 +1222,9 @@
 	a{
 		text-decoration: none;
 	}
+	.talk-online{
+		background: #FFFFFF;
+		border-radius: 38px;
+		border: 1px solid #B7B9C3!important;
+	}
 </style>

pageA/product/lookup.vue

@@ -2,12 +2,12 @@
 	<view class="content">
 		
 			<view style='background:#fff;display:flex;' class="cu-bar search">
-			<view style='flex:6;' class="search-form round" >
+			<view style='flex:6;' class="search-form round Medium" >
 				<text style='color: #ccc;text-indent:6px;' class="cuIcon-search"></text>
 				<input type="text" maxlength="20" :focus="true" v-model="searchKeyWord" @confirm="doSearch()" @input='search' placeholder="请输入货名或标题" confirm-type="search"></input>
 				
 			</view>
-			<view @click='doSearch()' style="width:4%;flex:1;">搜索</view>
+			<view @click='doSearch()' class="Regular" style="width:4%;flex:1;">搜索</view>
 			<text @click='emptysearch' v-if='searchKeyWord.length>0' class='tip_text cuIcon-roundclosefill'></text>
 			</view>
 			<!-- mSearch组件 如果使用原样式，删除组件元素-->
@@ -79,7 +79,7 @@
 			</view>
 			<scroll-view class="keyword-box" v-show="!isShowKeywordList" scroll-y>
 				<view class="keyword-block" v-if="oldKeywordList.records.length>0">
-					<view class="keyword-list-header">
+					<view class="keyword-list-header Medium">
 						<view style='font-size:16px;font-weight:600;'>最近搜索</view>
 						<view>
 							<image @tap="oldDelete" style='width:16px;height:16px;' src="../../static/img/jiaoyi/shanchu@3x.png"></image>
@@ -88,18 +88,18 @@
 							
 						</view>
 					</view>
-					<view class="keyword">
+					<view class="keyword Regular">
 						<view v-for="(keyword,index) in oldKeywordList.records" @tap="doSearch(keyword)" :key="index">{{keyword.searchContent}}</view>
 					</view>
 				</view>
-				 <view class="keyword-block">
+				 <view class="keyword-block Medium">
 					<view class="keyword-list-header">
 						<view style='font-size:16px;font-weight:600;'>推荐搜索</view>
 						<view>
 							 <image @tap="hotToggle" :src="'/static/HM-search/attention'+forbid+'.png'"></image> 
 						</view>
 					</view>
-					<view class="keyword" v-if="forbid==''">
+					<view class="keyword Regular" v-if="forbid==''">
 						<view v-for="(keyword,index) in hotKeywordList" @tap="doSearch(keyword)" :key="index">{{keyword.searchContent}}</view>
 					</view>
 				</view> 

pages/business/business.vue

@@ -23,10 +23,10 @@
 					
 					<view class="search-form round" @click="naviageToPage('/pageA/product/lookup?TabCur=')">
 						<text style='color: #ccc;text-indent:56px;' class="cuIcon-search"></text>
-						<view > 请输入货名或标题</view>
+						<view class="Medium search-title"> 请输入货名或标题</view>
 					</view>
 				</view>
-				<view style='margin:0 15px;'>
+				<view style='margin:0 15px;' class="Medium">
 					<view class='tag radius line-pink' @click="sousuo('玉米')">玉米</view>
 					<view class='tag radius line-pink' @click="sousuo('大豆')">大豆</view>
 					<view class='tag radius line-pink' @click="sousuo('小麦')">小麦</view>
@@ -34,34 +34,34 @@
 					<view class='tag radius line-pink' @click="sousuo('高粱')">高粱</view>
 				</view>
 			</view>
-			<view style='background:#fff;padding:0 15px;'>
+			<view style='background:#fff;padding:0 15px;' class="Semibold">
 				<view @click='tabcarchange(0)' class='line' :class='TabCur==0?"active":""'>采购</view>
 				<view @click='tabcarchange(1)' class='line' :class='TabCur==1?"active":""'>销售</view>
 			</view>
 		</view>
-		<view v-if='buyInfo.length>0' class="introduce-section">
+		<view v-if='buyInfo.length>0' class="introduce-section Semibold">
 			<view v-for="(item, index) in buyInfo" :key="index" class="guess-item" @click="navToDetailPage(item)">
 				<view class="price-box">
-					<view class="title">{{item.title}}</view>
+					<view class="title Medium">{{item.title}}</view>
 				</view>
-				<view class='flex justify-between'>
+				<view class='flex justify-between align-item-center Regular'>
 					<view v-if='TabCur==0' class='address'>
 						{{item.receivePrivate}}{{item.receiveCity}}{{item.receiveArea}}{{item.receiveWarehouse}}
 					</view>
 					<view v-if='TabCur==1' class='address'>
 						{{item.sendPrivate}}{{item.sendCity}}{{item.sendArea}}{{item.sendWarehouse}}
 					</view>
-					<view class='price' v-if='item.procurementPlanType=="期货"'>{{item.basisPrice}}<text
-							style='font-size:13px;color:#333333;'>元/吨</text></view>
-					<view class='price' v-if='item.procurementPlanType=="现货"'>{{item.procurementPrice}}<text
-							style='font-size:13px;color:#333;'>元/吨</text></view>
-					<view class='price' v-if='item.salePlanType=="期货"'>+{{item.basisPrice}}<text
-						style='font-size:13px;color:#333333;'>元/吨</text></view>
-					<view class='price' v-if='item.salePlanType=="现货"'>{{item.salePrice}}<text
-						style='font-size:13px;color:#333;'>元/吨</text></view>
+					<view class='price NumberBold' v-if='item.procurementPlanType=="期货"'>{{item.basisPrice}}<text
+							style='font-size:13px;color:#333333;' class="Semibold">元/吨</text></view>
+					<view class='price NumberBold' v-if='item.procurementPlanType=="现货"'>{{item.procurementPrice}}<text
+							style='font-size:13px;color:#333;' class="Semibold">元/吨</text></view>
+					<view class='price NumberBold' v-if='item.salePlanType=="期货"'>+{{item.basisPrice}}<text
+						style='font-size:13px;color:#333333;' class="Semibold">元/吨</text></view>
+					<view class='price NumberBold' v-if='item.salePlanType=="现货"'>{{item.salePrice}}<text
+						style='font-size:13px;color:#333;' class="Semibold">元/吨</text></view>
 				</view>
 				<view class='flex justify-between'>
-					<view>
+					<view class="Regular">
 						<view class='tag1 tag-bule radius line-pink' v-if='item.procurementPlanType=="现货"'>现货</view>
 						<view class='tag1 tag-bule radius line-pink' v-if='item.procurementPlanType=="期货"'>期货</view>
 						<view class='tag1 tag-bule radius line-pink' v-if='item.salePlanType=="现货"'>现货</view>
@@ -415,11 +415,13 @@
 		content: '';
 		display: block;
 		position: absolute;
-		width: 38px;
+		width: 36rpx;
+		height: 6rpx;
 		left: 50%;
 		transform: translateX(-50%);
 		bottom: 0;
-		border-bottom: 1px solid #22C572;
+		background:#22C572;
+		/* border-bottom: 1px solid #22C572; */
 	}
 
 	.cu-tag.badge {
@@ -839,4 +841,14 @@
 	.status_bar {
 		width: 100%;
 	}
+	.search-title{
+		font-size: 28rpx;
+		color: #AFB3BF;
+	}
+	.tag{
+		font-size: 24rpx;
+	}
+	.align-item-center{
+		align-items: center;
+	}
 </style>

pages/sale/information.vue

@@ -28,17 +28,17 @@
 		<swiper-up :list="infoList"></swiper-up>
 		<view class="guess-section-wrap">
 			<view class='flex justify-between'>
-				<view class='title'>工厂价格</view>
-				<view style='color:#B2B3BB;' @click='more("/pages/sale/plant")'>更多</view>
+				<view class='title Medium'>工厂价格</view>
+				<view class='Regular' style='color:#B2B3BB;' @click='more("/pages/sale/plant")'>更多</view>
 			</view>
 			<swiper class="screen-swiper header-swiper" :autoplay="true" interval="6000" duration="500" :circular="true"
 				:acceleration="true" style="min-height: 380px;">
 				<swiper-item class="" v-for="(item1,index) in factoryPriceData.list" :key="index">
-					<view class='guess-section-wrap-item clearfix' v-for='(item,index1) in item1' :key="index1">
+					<view class='Semibold guess-section-wrap-item clearfix' v-for='(item,index1) in item1' :key="index1">
 						<view class='factory'>{{item.factory}}</view>
 						<view class='wrap'>{{item.city}} {{item.factoryType}}</view>
 						<view class='price'>
-							<text class='currectprice'>{{item.price}}</text>
+							<text class='currectprice NumberBold'>{{item.price}}</text>
 							较昨日
 							<image v-if='item.comparePrice>0' style="width:7.5px;height:9px;"
 								src='../../static/img/homepage/shangsheng.png'></image>
@@ -54,8 +54,8 @@
 		</view>
 		<view class="guess-section-wrap">
 			<view class='flex justify-between'>
-				<view class='title'>港口价格</view>
-				<view style='color:#B2B3BB;' @click='more("/pages/sale/portprice")'>更多</view>
+				<view class='title Medium'>港口价格</view>
+				<view class='Regular' style='color:#B2B3BB;' @click='more("/pages/sale/portprice")'>更多</view>
 			</view>
 			<!-- <uni-notice-bar scrollable="true" single="true" background-color="white" :portList="portList" ></uni-notice-bar> -->
 			<swiper class="screen-swiper header-swiper-port" :autoplay="true" interval="0" duration="60000"
@@ -66,7 +66,7 @@
 						<view class='factory'>{{item.port}}</view>
 						<view class='wrap'>{{item.goodsName}}</view>
 						<view class='price'>
-							<text class='currectprice'>{{item.price}}</text>
+							<text class='currectprice NumberBold'>{{item.price}}</text>
 							较昨日
 							<image v-if='item.comparePrice>0' style="width:7.5px;height:9px;"
 								src='../../static/img/homepage/shangsheng.png'></image>
@@ -77,7 +77,7 @@
 							<text v-if='item.comparePrice==0' class='yesterday'>-</text>
 						</view>
 						<view style='color:#B2B3BB;' class='flex'>
-							<view class="port-number-style">
+							<view class="port-number-style NumberBold">
 								<image style='width:11px;height:11px;' src='../../static/img/homepage/water@3x.png'>
 								</image>
 								<={{item.waterContent}} </view>
@@ -93,15 +93,15 @@
 		</view>
 		<view class="guess-section-wrap1">
 			<view style='padding:15px;' class='flex justify-between'>
-				<view class='title'>行业新闻</view>
-				<view style='color:#B2B3BB;' @click="more('/pages/sale/newsinfo')">更多</view>
+				<view class='title Medium'>行业新闻</view>
+				<view class='Regular' style='color:#B2B3BB;' @click="more('/pages/sale/newsinfo')">更多</view>
 			</view>
 			<view style='border-bottom:1px solid #EEEEEE;' class='guess-section-wrap-content1'>
 				<view style='border-bottom:1px solid #eee;padding:15px;' class='flex justify-between'
 					v-for='(item, index) in newsInfo' :key="index" @click="navToDetailPage(item.id)">
 					<view>
-						<view class="list-row-titel">{{item.title}}</view>
-						<view style='color:#B2B3BB;font-size:12px;'><text
+						<view class="list-row-titel Regular">{{item.title}}</view>
+						<view style='color:#B2B3BB;font-size:12px;' class="Regular"><text
 								style='margin-right:5px;'>{{item.from}}</text>{{item.gmtUpdate}}</view>
 					</view>
 					<view>