首页调整

manifest.json

@@ -5,6 +5,7 @@
     "versionName" : "1.0.0",
     "versionCode" : "100",
     "transformPx" : false,
+	"sassImplementationName": "node-sass",
     /* 5+App特有相关 */
     "app-plus" : {
         "usingComponents" : true,

package_sub/pages/UserAddress/AddUserAddress.vue

@@ -161,7 +161,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-/deep/ .line {
+::v-deep .line {
   color: $u-light-color;
   font-size: 28rpx;
 }

pages/index/index.vue

@@ -47,14 +47,19 @@
 			<view class="swiper">
 				<u-swiper :height="366" :list="banners" name="url"></u-swiper>
 			</view>
-
-			<view class="links">
-				<u-grid :col="5" :border="false">
-					<u-grid-item v-for="item in links" :key="item.text" bg-color="transparent" @click="goLinks(item)">
+			<view class="links-title">
+				<text></text><text>服务·</text><text class="c3">一站式服务</text>
+			</view>
+			<view class="links">
+				<view v-for="item in links" :key="item.text" bg-color="transparent" @click="goLinks(item)">
+					<image class="icon" :src="item.icon" mode="aspectFit"></image>
+				</view>
+				<!-- <u-grid :col="3" :border="false">
+					<u-grid-item :custom-style="{'padding-top':'20rpx','padding-bottom':0}" v-for="item in links" :key="item.text" bg-color="transparent" @click="goLinks(item)">
 						<image class="icon" :src="item.icon" mode="aspectFit"></image>
 						<view class="text">{{ item.text }}</view>
 					</u-grid-item>
-				</u-grid>
+				</u-grid> -->
 			</view>
 
 			<view class="img1">
@@ -126,13 +131,13 @@
 
 			<image class="bottom" src="~@/static/index/bottom.png" mode="aspectFit" alt=""></image>
 
-			<view class="ai" @click="$u.throttle(
+			<!-- <view class="ai" @click="$u.throttle(
                 $u.route({
                   url: '/pages/aichat/index',
                 })
               )">
 				<image src="~@/static/index/ai.png" mode="aspectFit"></image>
-			</view>
+			</view> -->
 		</view>
 
 		<!-- 选择站点 -->
@@ -178,28 +183,33 @@
 				},
 				links: [{
 						text: "陪诊服务",
-						icon: "/static/index/peizhenfuwu.png",
+						icon: "/static/index/index1.png",
 						to: "/package_sub/pages/ServiceList/ServiceList?type=1",
 					},
 					{
 						text: "就医服务",
-						icon: "/static/index/jiuyifuwu.png",
+						icon: "/static/index/index2.png",
 						to: "/package_sub/pages/ServeHospital/ServeHospital",
 					},
 					{
 						text: "居家照护",
-						icon: "/static/index/jujiazhaohu.png",
+						icon: "/static/index/index3.png",
 						to: "/package_sub/pages/ServiceList/ServiceList?type=2",
 					},
 					{
 						text: "医院陪护",
-						icon: "/static/index/yiyuanpeihu.png",
+						icon: "/static/index/index4.png",
 						appid: 'wx0fee3573c1bb5ca8'
 					},
 					{
 						text: "商城服务",
-						icon: "/static/index/shangchengfuwu.png",
+						icon: "/static/index/index5.png",
 						to: "/package_sub/pages/Shop/Home",
+					},
+					{
+						text: "智能AI",
+						icon: "/static/index/index6.png",
+						to: "/pages/aichat/index",
 					},
 				],
 
@@ -327,7 +337,9 @@
 	::v-deep .u-indicator-item-round-active {
 		background: #ca2328 !important;
 	}
-
+	::v-deep .u-grid-item-box{
+		padding-bottom:0;
+	}
 	.container {
 		padding-bottom: calc(76px + 34px + 10px);
 		position: relative;
@@ -452,14 +464,42 @@
 			margin-top: 24rpx;
 			padding: 0 25rpx;
 		}
-
+		.links-title{
+			padding: 0 25rpx;
+			margin-top: calc(43rpx + 25rpx);
+			font-size: 29rpx;
+			color:#191919;
+			display: flex;
+			align-items: center;
+			margin-bottom:5rpx;
+			&>text:first-child{
+				width:12rpx;
+				height:57rpx;
+				border-radius: 20rpx;
+				display: inline-block;
+				margin-right:15rpx;
+				background:linear-gradient(to bottom,
+						#ef9478 0%,
+						#c10d12 94%,
+						#d03434 100%);
+			}
+			.c3{
+				color:#3e3e3e
+			}
+		}
 		.links {
 			padding: 0 25rpx;
-			margin-top: calc(43rpx + 30rpx);
-
+			
+			display: flex;
+			justify-content: space-between;
+			flex-wrap: wrap;
+			&>view{
+				font-size: 0;
+				padding-top:20rpx;
+			}
 			.icon {
-				height: 59rpx;
-				width: 67rpx;
+				height: 130rpx;
+				width: 220rpx;
 			}
 
 			.text {
@@ -474,7 +514,7 @@
 		.img1 {
 			margin-top: 26rpx;
 			padding: 0 25rpx;
-
+			font-size: 0;
 			&>image {
 				width: 700rpx;
 				height: 169rpx;
@@ -491,7 +531,8 @@
 				font-size: 28rpx;
 				color: #000000;
 				font-weight: bold;
-				padding: 0 32rpx 28rpx;
+				padding: 0 32rpx 28rpx;
+				padding-left:0;
 			}
 
 			&__content {
@@ -753,9 +794,10 @@
 		}
 
 		.bottom {
-			margin-top: 35rpx;
-			width: 100vw;
-			height: 92rpx;
+			margin: 50rpx auto 20rpx;
+			width: 700rpx;
+			height: 45rpx;
+			display: block;
 		}
 
 		.ai {