浏览代码

样式修改

lilei 2 年之前
父节点
当前提交
da2c235abd

+ 1 - 1
components/scrollBox.vue

@@ -69,7 +69,7 @@ export default {
 		height: 2.6em;
 		overflow: hidden;
 		.item{
-			background: rgba(229, 237, 240, 0.3);
+			background: rgba(229, 237, 240, 0.6);
 			border-radius: 5em;
 			padding: 0.2em 1em;
 			font-size: 0.8em;

+ 2 - 2
pages/digitalShelf/choosePart.vue

@@ -106,7 +106,7 @@
 											<text class="item-price">¥{{item.price||0}}</text>
 										</view>
 										<view class="item-detail-text" v-if="item.currentInven">
-											<u-button shape="circle" @click="addPart(item)" v-if="!item.checked" :custom-style="{width:'48upx',height:'48upx',background:'#1283d4'}" type="primary" size="mini">
+											<u-button shape="circle" @click="addPart(item)" v-if="!item.checked" :custom-style="{width:'48upx',height:'48upx',background:'#066cff'}" type="primary" size="mini">
 												<u-icon name="plus" color="#fff" size="28"></u-icon>
 											</u-button>
 											<u-number-box v-else @change="updateNums" v-model="item.qty" :index="item.productSn" :min="0" :max="item.currentInven"></u-number-box>
@@ -142,7 +142,7 @@
 				</div>
 			</div>
 			<div>
-				<u-button type="primary" :loading="saveLoading" @click="submitForm" :custom-style="{background:'#1283d4',fontSize:'32rpx'}" shape="circle">立即提交</u-button>
+				<u-button type="primary" :loading="saveLoading" @click="submitForm" :custom-style="{background:'#066cff',fontSize:'32rpx'}" shape="circle">立即提交</u-button>
 			</div>
 		</div>
 		<!-- 已选配件 购物车 -->

+ 2 - 2
pages/digitalShelf/orderDetail.vue

@@ -95,8 +95,8 @@
 		</view>
 		<view class="footer flex align_center justify_center" v-if="info">
 			<u-button v-if="info.billState != 'CLOSE'&&info.settleState=='WAIT'" :throttle-time="100" @click="deleteRow" shape="circle" type="info">取消订单</u-button>
-			<u-button v-if="info.billState == 'WAIT'" :throttle-time="100" @click="sanCodeRow" :custom-style="{background:'#1283d4',color:'#fff'}" shape="circle" type="success">扫码取货</u-button>
-			<u-button v-if="info.billState == 'WAIT'" :throttle-time="100" @click="onceQh()" :loading="loading" :custom-style="{background:'#1283d4',color:'#fff'}" shape="circle" type="success">一键取货</u-button>
+			<u-button v-if="info.billState == 'WAIT'" :throttle-time="100" @click="sanCodeRow" :custom-style="{background:'#066cff',color:'#fff'}" shape="circle" type="success">扫码取货</u-button>
+			<u-button v-if="info.billState == 'WAIT'" :throttle-time="100" @click="onceQh()" :loading="loading" :custom-style="{background:'#066cff',color:'#fff'}" shape="circle" type="success">一键取货</u-button>
 		</view>
 	</view>
 </template>

+ 1 - 1
pages/digitalShelf/orderList.vue

@@ -356,7 +356,7 @@
 					}
 					 
 					.finish{
-						background-color: #2d8cf0;
+						background-color: #066cff;
 					}
 					.del{
 						color: #666;

+ 2 - 2
pages/digitalShelf/scanBarcode/scanBarcode.vue

@@ -43,11 +43,11 @@
 			</view>
 		</view>
 		<view class="footer flex align_center justify_center" v-if="info">
-			<u-button v-if="!hasScanFinish" :throttle-time="100" @click="scanCode" :custom-style="{ background: '#1283d4', color: '#fff',width:'400rpx' }" shape="circle" type="info">
+			<u-button v-if="!hasScanFinish" :throttle-time="100" @click="scanCode" :custom-style="{ background: '#066cff', color: '#fff',width:'400rpx' }" shape="circle" type="info">
 				<u-icon name="scan" color="#fff" size="32"></u-icon>
 				点击扫码
 			</u-button>
-			<u-button v-else :throttle-time="100" @click="outShelfOrder" :custom-style="{ background: '#1283d4', color: '#fff',width:'400rpx' }" shape="circle" type="info">
+			<u-button v-else :throttle-time="100" @click="outShelfOrder" :custom-style="{ background: '#066cff', color: '#fff',width:'400rpx' }" shape="circle" type="info">
 				确认取货
 			</u-button>
 		</view>

+ 1 - 1
pages/digitalShelf/settlementManage/settlementAyDetail.vue

@@ -41,7 +41,7 @@
 			</scroll-view>
 		</view>
 		<!-- <view class="footer" v-if="totalMount">
-			<u-button :throttle-time="100" @click="toPay" :custom-style="{background:'#1283d4',color:'#fff'}" shape="circle" type="success">
+			<u-button :throttle-time="100" @click="toPay" :custom-style="{background:'#066cff',color:'#fff'}" shape="circle" type="success">
 				立即支付(¥{{totalMount}})
 			</u-button>
 		</view> -->

+ 2 - 2
pages/digitalShelf/settlementManage/settlementManage.vue

@@ -8,7 +8,7 @@
 					¥<text>{{info.usedAmount}}</text>
 				</view>
 				<view>
-					<u-button :throttle-time="100" size="mini" @click="viewDetail" :custom-style="{background:'#1283d4',color:'#fff'}" shape="circle" type="success">查看详情</u-button>
+					<u-button :throttle-time="100" size="mini" @click="viewDetail" :custom-style="{background:'#066cff',color:'#fff'}" shape="circle" type="success">查看详情</u-button>
 				</view>
 			</view>
 			<view class="sxjs-head-grid flex align-center justify_between">
@@ -30,7 +30,7 @@
 					¥<text>{{info.waitSettleAmount}}</text>
 				</view>
 				<view v-if="info.waitSettleAmount">
-					<u-button :throttle-time="100" size="mini" @click="viewDetail('-1')" :custom-style="{background:'#1283d4',color:'#fff'}" shape="circle" type="success">查看详情</u-button>
+					<u-button :throttle-time="100" size="mini" @click="viewDetail('-1')" :custom-style="{background:'#066cff',color:'#fff'}" shape="circle" type="success">查看详情</u-button>
 				</view>
 			</view>
 			<view class="jsList">

+ 1 - 1
pages/digitalShelf/settlementManage/settlementSxDetail.vue

@@ -51,7 +51,7 @@
 			</scroll-view>
 		</view>
 		<!-- <view class="footer" v-if="tabIndex==0&&info&&info.waitSettleAmount>0">
-			<u-button @click="toPay" :throttle-time="100" :custom-style="{background:'#1283d4',color:'#fff'}" shape="circle" type="success">
+			<u-button @click="toPay" :throttle-time="100" :custom-style="{background:'#066cff',color:'#fff'}" shape="circle" type="success">
 				立即支付(¥{{info.waitSettleAmount}})
 			</u-button>
 		</view> -->

+ 1 - 1
pages/digitalShelf/stockPut.vue

@@ -293,7 +293,7 @@
 					}
 					 
 					.finish{
-						background-color: #2d8cf0;
+						background-color: #066cff;
 					}
 					.del{
 						color: #666;

+ 83 - 48
pages/index/index.vue

@@ -1,10 +1,13 @@
 <template>
 	<view class="content">
 		<view class="header-box">
-			<view class="status_bar"></view>
-			<view class="title"><text>管配件,就用</text>修配易码通</view>
+			<UniStatusBar></UniStatusBar>
+			<view class="title">
+				<u-image src="/static/logo-h.png" width="349" height='40'></u-image>
+			</view>
 		</view>
-		<view class="body-box">
+		<view class="cbody">
+		<view class="body-box bg-blue">
 			<!-- 滚动区域 -->
 			<view class="scroll-list">
 				<scrollBox v-if="list.length" :list="list"></scrollBox>
@@ -12,17 +15,17 @@
 			<!-- 保证金 -->
 			<view class="notices flex align_center" v-if="bondRecord" @click="toPayBondAmount">
 				<view><u-icon name="volume" color="#f2a557" :size="28" :margin-right='15'></u-icon> 您有一笔保证金待支付 ¥{{bondRecord.bondAmount}}</view> 
-				<!-- <text>立即支付>></text> -->
+				<!-- <text class="text">立即支付>></text> -->
 			</view>
 			<!-- 待取货提醒 -->
 			<view class="notices flex align_center" v-if="!bondRecord&&orderTodo" @click="toOrder">
-				<view><u-icon name="volume" color="#f2a557" :size="28" :margin-right='15'></u-icon> 您有待取货的货架订单哦!</view> <text>立即处理>></text>
+				<view><u-icon name="volume" color="#f2a557" :size="28" :margin-right='15'></u-icon> 您有待取货的货架订单哦!</view> <text class="text">立即处理>></text>
 			</view>
 			<!-- 名片 -->
 			<view class="userCard flex align_center justify_between" @click="toUser">
 				<view class="userCard-info flex align_center justify_between">
 					<view>
-						<u-image v-if="!hasLogin" src="/static/def_personal_avatar.png" width="60" height="60"></u-image>
+						<u-image v-if="!hasLogin" src="/static/def_personal_avatar.png" width="90" height="90"></u-image>
 						<open-data v-else type="userAvatarUrl" class="user-photo"></open-data>
 					</view>
 					<view>
@@ -39,19 +42,24 @@
 					<u-icon name="arrow-right"></u-icon>
 				</view>
 			</view>
+		</view>
+		<view class="body-box">	
 			<!-- 扫描按钮 -->
 			<view class="scanButton flex align_center" @click="openCamera">
-				<u-icon name="scan" size="40"></u-icon><text class="ml10">扫描VIN</text>
+				<u-icon name="scan" size="60"></u-icon><text class="ml10">扫描VIN</text>
+			</view>
+			<view class="flex align_center justify_center">
+				<u-image src="/static/banner1.png" width="645" height="504"></u-image>
 			</view>
+		</view>
+		<!-- 扫描记录 -->
+		<view class="list-box">
 			<!-- 扫描记录 -->
 			<u-cell-group :border="false">
-				<u-cell-item title="VIN查询历史" @click="toAllRecord" :title-style="{fontSize:'1.1em'}" :value="hasLogin?'查看全部':''">
-					<u-icon slot="icon" size="38" v-if="hasLogin" color="#00aaff" style="margin-right: 0.3em;" name="order"></u-icon>
+				<u-cell-item title="VIN查询历史" @click="toAllRecord" :title-style="{fontSize:'1em'}" value="全部">
+					<u-icon slot="icon" size="38" color="#066cff" style="margin-right: 0.3em;" name="order"></u-icon>
 				</u-cell-item>
 			</u-cell-group>
-		</view>
-		<!-- 扫描记录 -->
-		<view class="list-box">
 			<u-cell-group :border="false" v-if="hasLogin">
 				<u-cell-item v-for="item in vinList" @click="toChoosePart(item)" :key="item.id" :title="item.vinCode" :title-style="{fontSize:'1em'}" :label="item.brandName +' '+item.modelName">
 					<text slot="icon"></text>
@@ -61,9 +69,10 @@
 					<u-loadmore v-if="status=='loading'" :status="status" />
 				</view>
 			</u-cell-group>
-			<view class="des" v-if="vinList.length&&hasLogin">仅展示最近10条记录,点击“全部”查看更多</view>
+			<view class="des" v-if="vinList.length&&hasLogin">仅展示最近5条记录,点击“全部”查看更多</view>
 			<view class="des" v-if="!hasLogin">请登录后查看历史记录</view>
 		</view>
+		</view>
 	</view>
 </template>
 
@@ -73,12 +82,14 @@
 	    mapMutations,
 	} from 'vuex'
 	import scrollBox from '@/components/scrollBox.vue'
+	import UniStatusBar from '@/components/uni-status-bar/uni-status-bar.vue'
 	import { shelfBondRecordWaitPayRecord, findStoreShelf, shelfGetTotalWaitQty } from '@/api/shelf.js'
 	import { listLookUp, getLookUpDatas } from '@/api/data.js';
 	import { scanVinLogQueryRoll, getScanVinLogList }from '@/api/car.js'
 	export default {
 		components: {
-			scrollBox
+			scrollBox,
+			UniStatusBar
 		},
 		data() {
 			return {
@@ -185,7 +196,7 @@
 			getVinLog(){
 				this.vinList  = []
 				this.status = "loading"
-				getScanVinLogList({pageNo:1,pageSize:10}).then(res => {
+				getScanVinLogList({pageNo:1,pageSize:5}).then(res => {
 					this.vinList = res.data.list || []
 					this.vinList = this.vinList.filter(item => item.vinCode)
 					this.status = 'nomore'
@@ -259,42 +270,82 @@
 		flex-direction: column;
 		background-image: linear-gradient(#86defa 0%,#cdeff9 25%,#ffffff 40%);
 		.header-box{
+			z-index: 5;
 			padding: 0.3em 1em;
-			.status_bar {
-				height: var(--status-bar-height);
-				width: 100%;
-			 }
+			background: #066cff;
 			 .title{
-				 padding-top: 0.4em;
-				 font-size: 1.5em;
-				 color: #000;
-				 text{
-					 color: #0077fd;
-				 }
+				 padding: 0.3em 0;
 			 }
 		}
+		.cbody{
+			flex-grow: 1;
+			overflow-y: auto;
+			overflow-x: hidden;
+		}
 		.body-box{
 			padding: 0.5em 1em;
+			z-index: 4;
 			.notices{
 				padding: 0.5em 0 0;
+				font-size: 1em;
 				view{
-					color: #f2a557;
+					color: #ffaf46;
 				}
-				text{
-					color: #0077fd;
+				.text{
+					color: #ffffff;
 					margin-left: 1em;
 				}
 			}
+			.scanButton{
+				margin: 0.8em 0 0.5em;
+				padding: 0.5em;
+				background: #066cff;
+				color: #fff;
+				font-size: 1.5em;
+				border-radius: 5em;
+				justify-content: center;
+				&:active{
+					opacity: 0.8;
+				}
+			}
+			.ml10{
+				margin-left: 0.4em;
+			}
+		}
+		.bg-blue{
+			position: relative;
+			> view{
+				z-index: 100;
+				position: relative;
+			}
+			&::after{
+				/* 这个伪类的作用就是一个圆弧的背景色 */
+				width: 130%;
+				height: 100%;
+				position: absolute;
+				/*设置水平居中*/
+				left: -15%;
+				/* 之所以left:20%,是因为width:140%,若width:160%,那么left:30%才能水平居中 */
+				top: -20%; 
+				/*层叠顺序,最底层显示*/
+				content: '';
+				border-radius: 0 0 50% 50%;
+				/*分别对应 左上 右上 右下 左下 可以修改成其它颜色*/
+			    background: linear-gradient(to bottom, #066cff, #1d77ff);  
+			}
 			.userCard{
-				margin-top: 0.8em;
+				position:relative;
+				left:0;
+				bottom:-1rem;
 				padding:0.8em;
 				background: #fff;
-				border-radius: 1em;
-				box-shadow: 0.2em 0.3em 0.8em #cdeff9;
+				border-radius: 0.5em;
+				box-shadow: 0.3em 0.3em 1em #c4e5ee;
 				.userCard-info{
 					> view{
 						&:last-child{
-							margin-left: 0.5em;
+							margin-left: 1em;
+							line-height: 2em;
 							>view{
 								padding: 0.2em;
 							}
@@ -309,24 +360,8 @@
 					overflow: hidden;
 				}
 			}
-			.scanButton{
-				margin: 0.6em 0;
-				padding: 0.5em;
-				background: #1283d4;
-				color: #fff;
-				font-size: 1.5em;
-				border-radius: 5em;
-				justify-content: center;
-				&:active{
-					opacity: 0.8;
-				}
-			}
-			.ml10{
-				margin-left: 0.2em;
-			}
 		}
 		.list-box{
-			flex-grow: 1;
 			padding: 0 1em;
 			overflow: auto;
 			.des{

+ 1 - 1
pages/login/login.vue

@@ -2,7 +2,7 @@
 	<view class="content">
 		<view class="content-body">
 			<view class="login-logo">
-				<u-image src="/static/logo-s.png"  width="380" height="246" class="logo"></u-image>
+				<u-image src="/static/logo-s.png"  width="240" height="240" class="logo"></u-image>
 			</view>
 		    <view class="login-btns">
 				<u-button shape="circle" :custom-style="wxButton" class="login-btn" type="success" :hair-line="false" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">

+ 3 - 3
pages/login/phoneLogin.vue

@@ -1,8 +1,8 @@
 <template>
-	<view class="phone-login">
+	<view class="phone-login content">
 		<view class="login-content">
 			<view class="login-logo">
-				<u-image src="/static/logo-s.png" width="380" height="246" class="logo"></u-image>
+				<u-image src="/static/logo-s.png"  width="240" height="240" class="logo"></u-image>
 			</view>
 			<u-form ref="uForm">
 				<u-form-item>
@@ -64,7 +64,7 @@
 					background: "#ffffff"
 				},
 				submitBtn: {
-					background: "#1283d4",
+					background: "#066cff",
 					marginTop: '15px',
 					color: '#ffffff'
 				},

+ 1 - 1
pages/vinInput/confirmVin.vue

@@ -15,7 +15,7 @@
 			<u-input v-model="verifyCode" :custom-style="{fontSize:'40rpx'}" type="text" height="90" :maxlength='17' input-align="center" placeholder="请输入VIN" :border="true" />
 		</view>
 		<view class="confirm-button">
-			<u-button @click="submitForm" :loading="loading" :custom-style="{background:'#1283d4'}" type="primary" shape="circle">确认</u-button>
+			<u-button @click="submitForm" :loading="loading" :custom-style="{background:'#066cff'}" type="primary" shape="circle">确认</u-button>
 		</view>
 		<view class="share-list flex align_center">
 			<view @click="toScan">

二进制
static/banner1.png


二进制
static/logo-h.png


二进制
static/logo-s.png


二进制
static/logo.png