增加购物车功能

pages/goods/detail.scss

@@ -187,7 +187,8 @@
   display: flex;
   z-index: 11;
   box-shadow: 0 -4rpx 40rpx 0 rgba(151, 151, 151, 0.24);
-  background: #fff;
+  // background: rgb(62, 71, 97);
+  background:#fff;
 
   // 设置ios刘海屏底部横线安全区域
   padding-bottom: constant(safe-area-inset-bottom);
@@ -273,7 +274,8 @@
     height: 72rpx;
     margin-right: 16rpx;
     color: #fff;
-    border-radius: 50rpx;
+    // border-radius: 50rpx;
+	background: rgb(16, 130, 132);
     display: flex;
     justify-content: center;
     align-items: center;

pages/goods/detail.vue

@@ -37,18 +37,6 @@
 
     </view>
 
-    <!-- 选择商品规格 -->
-    <view v-if="goods.spec_type == 20" class="goods-choice m-top20 b-f" @click="onShowSkuPopup(1)">
-      <view class="spec-list">
-        <view class="flex-box">
-          <text class="col-8">选择：</text>
-          <text class="spec-name" v-for="(item, index) in goods.specList" :key="index">{{ item.spec_name }}</text>
-        </view>
-        <view class="f-26 col-9 t-r">
-          <text class="iconfont icon-arrow-right"></text>
-        </view>
-      </view>
-    </view>
 
     <!-- 标的信息 -->
     <view v-if="!isLoading" class="bdcontent m-top20">
@@ -154,8 +142,38 @@
 	  </view>
     </view>
 	
+	
+	<!-- 底部选项卡 -->
+	<view class="footer-fixed">
+	  <view class="footer-container">
+		  <view class="foo-item-fast">
+			  <!-- 进入店铺 -->
+			  <view class="btn-item btn-item-main" @click="goteshop()">
+			    <text>进入店铺</text>
+			  </view> 
+		  </view>
+			  
+
+		  <!-- 操作按钮 -->
+		  <view class="foo-item-btn">
+		    <view class="btn-wrapper">
+		      <view class="btn-item btn-item-deputy" @click="addCart()">
+		        <text>加入购物车</text>
+		      </view>
+		      <view class="btn-item btn-item-main" @click="buyNow()">
+		        <text>立即购买</text>
+		      </view>
+
+		    </view>
+		  </view>
+		  
+	  </view>
+	</view>
+	
+
+	
 	<!-- 店铺详情 -->
-	<view class="dpxq">
+	<view class="dpxq" style="display: none;">
 		<view class="xqbtn" @click="goteshop()">进入店铺</view>
 	</view>
   </view>
@@ -241,6 +259,15 @@
 		this.$navTo("pages/goods/list?k="+spname+'&dt='+new Date().getTime())
 	  },
 	  
+	  // 添加到购物车
+	  addCart(){
+		  this.$toast("add cart")
+	  },
+	  
+	  //立即购买
+	  buyNow(){
+		  this.$toast("buy now")
+	  },
 
       // 跳转到首页
       onTargetHome(e) {
@@ -283,16 +310,14 @@
   }
 </script>
 
-<style>
-  page {
-    background: #fafafa;
-  }
-</style>
 <style lang="scss" scoped>
-	.bgimg{
-		width: 100%;
-		height: auto;
-		text-align: center;
+	page {
+	  background: #fafafa;
 	}
+ .bgimg{
+	width: 100%;
+	height: auto;
+	text-align: center;
+ }
   @import "./detail.scss";
 </style>