浏览代码

样式修改

lilei 4 年之前
父节点
当前提交
088393bc3e
共有 4 个文件被更改,包括 99 次插入17 次删除
  1. 8 4
      pages/order/order.vue
  2. 7 4
      pages/order/orderDetail.vue
  3. 65 0
      pages/userCenter/aboutUs.vue
  4. 19 9
      pages/userCenter/index.vue

+ 8 - 4
pages/order/order.vue

@@ -16,7 +16,7 @@
 							</view>
 							<view class="bundle-list" v-for="row in item.itemList" :key="row.id">
 								<view class="img-cont">
-									<image :src="row.icon?row.icon:'../../static/tabbar/user.png'"></image>
+									<image :src="row.icon?row.icon:'../../static/goods.png'"></image>
 								</view>
 								<view >
 									<view class="ellipsis-two">{{row.name}}</view>
@@ -38,7 +38,7 @@
 							<view class="check-row">
 								<view v-if="item.orderFlag=='待支付'" class="text-right">
 									<text style="margin-right: 30upx;">支付剩余1天45分</text>
-									<u-button class="btn-cont" shape="circle" type="warning" size="medium">去支付</u-button>
+									<u-button class="btn-cont" shape="circle" type="error" size="medium">去支付</u-button>
 								</view>
 								<view v-if="item.orderFlag=='待发货'" class="text-right">
 									<u-button class="btn-cont" shape="circle" size="medium">提醒发货</u-button>
@@ -432,9 +432,12 @@
 					display: flex;
 					padding: 20upx 10upx;
 					font-size: 28upx;
+					border-bottom: 1px solid #F8F8F8;
 					.img-cont {
-						width: 160upx;
-						height: 160upx;
+						width: 158rpx;
+						height: 140upx;
+						border-radius: 15upx;
+						overflow: hidden;
 						>image {
 							width: 100%;
 							height: 100%;
@@ -465,6 +468,7 @@
 				}
 				.price-num{
 					font-size: 32upx;
+					color: red;
 				}
 				.total-text{
 					margin-right: 50upx;

+ 7 - 4
pages/order/orderDetail.vue

@@ -26,7 +26,7 @@
 			<!-- 商品列表 -->
 			<view class="bundle-list" v-for="item in orderInfo.itemList" :key="item.id">
 				<view class="img-cont">
-					<image :src="item.icon?item.icon:'../../static/tabbar/user.png'"></image>
+					<image :src="item.icon?item.icon:'../../static/goods.png'"></image>
 				</view>
 				<view >
 					<view class="ellipsis-two">{{item.name}}</view>
@@ -61,7 +61,7 @@
 			</u-cell-group>
 		</view>
 		<view v-if="orderInfo.orderFlag=='待支付'" class="footer">
-			<u-button @click="cancleOrder" type="warning" >去支付</u-button>
+			<u-button @click="cancleOrder" type="error" >去支付</u-button>
 		</view>
 	</view>
 </template>
@@ -212,8 +212,10 @@
 				font-size: 28upx;
 				border-bottom: 1px solid #F8F8F8;
 				.img-cont {
-					width: 160upx;
-					height: 160upx;
+					width: 158rpx;
+					height: 140upx;
+					border-radius: 15upx;
+					overflow: hidden;
 					>image {
 						width: 100%;
 						height: 100%;
@@ -241,6 +243,7 @@
 			}
 			.price-num{
 				font-size: 32upx;
+				color: red;
 			}
 			.u-cell{
 				padding:10rpx 32rpx;

+ 65 - 0
pages/userCenter/aboutUs.vue

@@ -0,0 +1,65 @@
+<template>
+	<view class="container">
+		<view class="logoContent">
+			<view class="logoBorder">
+				<!-- <image class="logoImg" src="/static/logo-us.png"></image> -->
+			</view>
+			<view>章鱼车管家信息管理平台</view>
+		</view>
+		<view class="textContent">
+			<view>陕西山海高科信息技术有限公司专注于汽车服务行业,成立于古城西安,是一家以先进云端互联网技术驱动的公司,致力于通过saas云门店管理系统为汽车综修厂、社区店以及大量的中小门店赋能。以解决汽车维修、美容、保养等业务中发生的一系列问题。</view>
+			<view>章鱼车管家设计了一套完善的降本增效方案,在引流获客、员工提成、营销活动、财务报表、数据分析等方面获得客户一致认可。</view>
+			<view>山海高科将通过持续的科技成果转化为推动汽后市场发展提供动力,帮助更多服务终端、供应链企业、主机厂商、银行以及保险等汽车后市场参与方转型升级。</view>
+		</view>
+	</view>
+</template>
+
+<script>
+</script>
+
+<style lang="less">
+	page{
+		background: #FFFFFF;
+	}
+	.container{
+		font-size: 32rpx;
+		padding:0 50rpx;
+		text-align: center;
+		color:#666;
+		.logoContent{
+			.logoBorder{
+				width:200rpx;
+				height:200rpx;
+				border:2px solid #eee;
+				border-radius: 20rpx;
+				margin:50rpx 0 15rpx 0;
+				display: inline-block;
+				position: relative;
+				.logoImg{
+					width:135rpx;
+					height:180rpx;
+					position: absolute;
+					top:0;
+					left:0;
+					right:0;
+					bottom:0;
+					margin:auto;
+				}
+			}
+		}
+		.textContent{
+			text-align: left;
+			margin-top: 30rpx;
+			font-size: 32rpx;
+			.tetxTitle{
+				margin-bottom: 10rpx;
+				font-size: 32rpx;
+			}
+			> view{
+				padding: 16upx 0;
+				line-height: 50upx;
+				text-indent: 60rpx;
+			}
+		}
+	}
+</style>

+ 19 - 9
pages/userCenter/index.vue

@@ -12,15 +12,15 @@
 		<!-- 列表 -->
 		<view class="user-list">
 			<u-cell-group>
-				<u-cell-item icon="gift" index="0" @click="toPage" title="我的优惠卷"></u-cell-item>
-				<u-cell-item icon="order" index="1" @click="toPage" title="我的订单"></u-cell-item>
-				<u-cell-item icon="file-text" index="2" @click="toPage" title="服务协议"></u-cell-item>
-				<!-- <u-cell-item icon="info-circle" index="3" @click="toPage" title="关于我们"></u-cell-item> -->
+				<u-cell-item icon="order" icon-size="38" :icon-style="{color:'#ff0000'}" index="1" @click="toPage" title="我的订单"></u-cell-item>
+				<u-cell-item icon="gift" icon-size="40" :icon-style="{color:'#00aaff'}" index="0" @click="toPage" title="投递记录"></u-cell-item>
+				<u-cell-item icon="file-text" icon-size="40" :icon-style="{color:'#ffaa00'}" index="2" @click="toPage" title="服务协议"></u-cell-item>
+				<u-cell-item icon="info-circle" icon-size="38" :icon-style="{color:'#00aa00'}" index="3" @click="toPage" title="关于我们"></u-cell-item>
 			</u-cell-group>
 		</view>
 		<!-- 退出 -->
 		<view class="user-btn">
-			<u-button type="error" @click="quitSys" shape="circle">退出登录</u-button>
+			<u-button type="success" :custom-style="quitButton" @click="quitSys" shape="circle">退出登录</u-button>
 		</view>
 	</view>
 </template>
@@ -30,7 +30,11 @@
 	export default {
 		data() {
 			return {
-				
+				quitButton: {
+					borderRadius:'100rpx',
+					fontSize:'30rpx',
+					background: '#01c9b2'
+				}
 			};
 		},
 		onShow() {
@@ -40,7 +44,12 @@
 		methods:{
 			// 打开对应的页面
 			toPage(index){
-				let pageUrl=['/pages/coupon/index/index','/pages/order/order','/pages/agreement/agreement?fromPage=usercenter']
+				let pageUrl=[
+					'/pages/coupon/index/index',
+					'/pages/order/order',
+					'/pages/agreement/agreement?fromPage=usercenter',
+					'/pages/userCenter/aboutUs'
+					]
 				uni.navigateTo({
 					url: pageUrl[index]
 				})
@@ -77,6 +86,7 @@
 	.user-content{
 		width: 100%;
 		.user-head{
+			background: #01c9b2;
 			display: flex;
 			align-items: center;
 			padding: 35rpx;
@@ -94,10 +104,10 @@
 		}
 		
 		.user-list{
-			padding:0 20rpx;
+			padding:20rpx 0;
 		}
 		.user-btn{
-			padding: 85rpx 100rpx;
+			padding: 85rpx 200rpx;
 		}
 	}
 </style>