add

manifest.json

@@ -1,6 +1,6 @@
 {
-    "name" : "铸源商城",
-    "appid" : "__UNI__2D931EE",
+    "name" : "多商户商城",
+    "appid" : "__UNI__99FC347",
     "description" : "",
     "versionName" : "1.0.4",
     "versionCode" : 127,

pages/shop_details/index.vue

@@ -1,5 +1,5 @@
 <template>
-	<view class="shop_details">
+	<view class="shop_details" :style="viewColor">
 		<view class="head">
 			<swipers :imgUrls="shopInfo.swiper_image"></swipers>
 			<view class="back" @tap="toRouter"><i class="iconfont icon-xiangzuo"></i></view>
@@ -12,10 +12,17 @@
 				<view class="title_right">
 					<view class="txt">特色餐厅(朝阳总店)</view>
 					<view class="grade">
+						<text class="iconfont icon-shitixing"></text>
 						<text>评分4.5分</text>
 					</view>
 					<view class="desc">位置好找，菜味道不错，价格实惠</view>
-					<view class="site" @tap="openMap">北京市东城区朝阳门内大街···</view>
+					<view class="site" @tap="openMap">
+						<view>
+							<text class="iconfont icon-dingwei"></text>
+							<text>北京市东城区朝阳门内大街特色</text>
+						</view>
+						<view class="iconfont icon-jiantou"></view>
+					</view>
 				</view>
 			</view>
 			<view class="business">
@@ -24,6 +31,7 @@
 					<text>周一到周日</text>
 					<text>09：00 - 22：00</text>
 				</view>
+				<view>可提供:</view>
 				<view class="business_list">
 					<text>WiFi</text>
 					<text>充电宝</text>
@@ -59,6 +67,7 @@
 <script>
 	import swipers from '@/components/swipers';
 	import parser from "@/components/jyf-parser/jyf-parser";
+	import { mapGetters } from "vuex";
 	export default {
 		components:{swipers,"jyf-parser": parser},
 		data(){
@@ -70,6 +79,9 @@
 				actIndex:0
 			}
 		},
+		computed:{
+			...mapGetters(['viewColor'])
+		},
 		methods:{
 			handleTab(i){
 				this.actIndex = i
@@ -142,6 +154,7 @@
 				}
 				.title_right{
 					margin-left: 10rpx;
+					width:100%;
 					.txt{
 						font-size: 32rpx;
 						color: #333333;
@@ -152,12 +165,31 @@
 					}
 					.grade{
 						color: #FE8C16;
+						&>:first-child{
+							margin-right: 8rpx;
+						}
 					}
 					.desc{
 						color: #4E4E4E;
 					}
 					.site{
 						color: #999999;
+						display: flex;
+						justify-content: space-between;
+						align-items: center;
+						font-size: 24rpx;
+						.iconfont{
+							font-size: 24rpx;
+						}
+						&>:first-child{
+							max-width: 320rpx;
+							overflow: hidden;
+							white-space: nowrap;
+							text-overflow: ellipsis;
+							&>:first-child{
+								margin-right: 8rpx;
+							}
+						}
 					}
 				}
 			}
@@ -180,8 +212,10 @@
 					margin-top: 12rpx;
 					text{
 						font-size: 24rpx;
-						color: #1372F5;
-						border: #1372F5 1px solid;
+						// color: var(--view-theme);
+						// border: #1372F5 1px solid;
+						color: var(--view-theme);
+						border: var(--view-theme) 1px solid;
 						border-radius: 8rpx;
 						padding: 0 16rpx;
 						&:not(:first-child){
@@ -219,7 +253,7 @@
 			bottom: 30rpx;
 			width: 80%;
 			height: 92rpx;
-			background: #1372F5;
+			background-image: linear-gradient(90deg, var(--view-bntColor21) 0%, var(--view-bntColor22) 100%);
 			border-radius: 60rpx;
 			text-align: center;
 			line-height: 92rpx;