From c4c4f1251c85a8697f7f5e84f8ce500e5c7a51e4 Mon Sep 17 00:00:00 2001
From: yr <1308291615@qq.com>
Date: Fri, 15 May 2020 23:40:11 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=95=9C=E6=A1=86=E9=80=89?=
 =?UTF-8?q?=E8=B4=AD=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/UniSliper/UniSliper.vue        |  8 ++---
 src/pages/detailStandard/detailStandard_k.vue | 26 +++++++++++------
 src/store/modules/detailStandard_k.js         | 42 +++++++++++++++++++++++++++
 src/store/url.js                              | 16 ++++++----
 4 files changed, 73 insertions(+), 19 deletions(-)
 create mode 100644 src/store/modules/detailStandard_k.js

diff --git a/src/components/UniSliper/UniSliper.vue b/src/components/UniSliper/UniSliper.vue
index 3e5955c..80fcf23 100644
--- a/src/components/UniSliper/UniSliper.vue
+++ b/src/components/UniSliper/UniSliper.vue
@@ -167,7 +167,7 @@
 
 <style scoped lang="scss">
   .c-progress {
-    $width: 300px;
+    $width: 400rpx;
     $radius: 5px;
     display: flex;
     align-items: center;
@@ -187,9 +187,9 @@
       align-items: center;
       
       .c-progress-inner {
-        width: 100px;
+        width: 100rpx;
         height: 10px;
-        background: #409EFF;
+        background: #FF6B4A ;
       }
       
       .c-progress-slider {
@@ -197,7 +197,7 @@
         height: 20px;
         border-radius: 50%;
         background: #fff;
-        border: 1px solid #409EFF;
+        border: 1px solid #FF6B4A ;
         position: absolute;
         z-index: 10;
         left: 10px;
diff --git a/src/pages/detailStandard/detailStandard_k.vue b/src/pages/detailStandard/detailStandard_k.vue
index d599817..ba92d4b 100644
--- a/src/pages/detailStandard/detailStandard_k.vue
+++ b/src/pages/detailStandard/detailStandard_k.vue
@@ -10,7 +10,7 @@
         </view>
         <view class="choose">
             <view class="colour">
-                <view class="colour1"><span>框架颜色</span><image src="/static/img/detail/xiala2.png"></image></view>
+                <view class="colour1"><span>框架颜色</span><image src="/static/img/detail/xiala.png"></image></view>
                 <view class="colour_exp">*黑色 BHL192345</view>
                 <view class="colour2">
                     <view v-for="(colours) in colour" :key="colours.key"><image v-bind:src="colours.img"></image></view>
@@ -20,7 +20,7 @@
             <view class="size">
                 <view class="size1">
                     <view class="size1_1">框架尺寸</view>
-                    <view><span>+￥20</span><image src="/static/img/detail/xiala2.png"></image></view>
+                    <view><span>+￥20</span><image src="/static/img/detail/xiala.png"></image></view>
                 </view>
                 <view class="size2"> 
                     <view>通用</view>
@@ -31,13 +31,13 @@
                         <view><image class="D3_image"  v-bind:src = "item.img"></image></view>
                         <view class="D3_list_jDu">
                             <!-- uni-sliper插件 -->
-                            <c-progress class="c-progress" 
+                            <!-- <c-progress class="c-progress" 
                             :percent="item.percent" 
                             :show-slider="false" :width="190" 
                             :standard="item.standard_l" 
                             :stand_width="item.slength" 
                             progressColor="#FF6B4A"
-                            />
+                            /> -->
                             <view>{{item.standard}}</view>
                         </view> 
                     </view>
@@ -47,7 +47,7 @@
             <view class="part">
                 <view class="size1">
                     <view class="size1_1">配件</view>
-                    <view><span>+￥0.00</span><image src="/static/img/detail/xiala2.png"></image></view>
+                    <view><span>+￥0.00</span><image src="/static/img/detail/xiala.png"></image></view>
                 </view>
                 <view class="colour_exp">*0290</view>
                 <view class="part_som">
@@ -69,11 +69,9 @@
 </template>
 <script>
 import CProgress from '../../components/UniSliper/UniSliper'
+import store from '@/store'
 
 export default {
-    components: {
-        CProgress
-    },
     data(){
         return{
             detail:{
@@ -112,7 +110,17 @@ export default {
                 {key: 7,img:'/static/img/detail/Kuang/g2.png'},
             ],
         }
-    }
+    },
+
+    components: {
+        detailStandard_k(){
+            console.log(detailStandard_k)
+            return this.$store.state.detailStandard_k.detailStandardList
+        }
+    },
+    onLoad:function(){
+        store.dispatch('detailStandard_k/getList')
+    },
 }
 </script>
 
diff --git a/src/store/modules/detailStandard_k.js b/src/store/modules/detailStandard_k.js
new file mode 100644
index 0000000..c689eb3
--- /dev/null
+++ b/src/store/modules/detailStandard_k.js
@@ -0,0 +1,42 @@
+import urlAlias from '../url';
+import request from '../request';
+
+const {
+    detailStandardList
+} = urlAlias
+
+const state = {
+    list:[],
+};
+
+const mutations = {
+    INIT: (state, detailStandardList) => {
+      state.detailStandardList = detailStandardList;
+    },
+};
+
+const actions = {
+    getList({ commit }, param){
+        request({
+            detailStandardList,
+            success: (res) => {
+		  
+                commit('INIT', res.data.data)
+                console,log('success')
+              },
+              fail: (res) => {
+                console.log("detail status === > ", res);
+              },
+              complete: (res) => {
+                console.log("detail compete status === > ", res);
+            },
+        })
+    }
+} 
+
+export default {
+    namespaced: true,
+    state,
+    mutations,
+    actions,
+}
\ No newline at end of file
diff --git a/src/store/url.js b/src/store/url.js
index 1b16f69..b4d15cb 100644
--- a/src/store/url.js
+++ b/src/store/url.js
@@ -1,10 +1,10 @@
 const urlAlias = {
     // 获取首页商品列表
-    shopList: '/app/prod/list',
-	
-    // 获取首页商品列表
-    category: '/app/prod/category2',
-    // 获取商品信息
+    shopList: '/app/prod/list',
+	
+    // 获取首页商品列表
+    category: '/app/prod/category2',
+    // 获取商品信息
     read: '/app/prod/read',
 
   // 首页
@@ -22,7 +22,11 @@ const urlAlias = {
 	cartList: '/app/cart/list', // 获取购物车列表
 	
 	// 我的
-	recommandList:'/app/prod/recommand', // 获取用户个性化推荐商品
+  recommandList:'/app/prod/recommand', // 获取用户个性化推荐商品
+  
+  // 镜框选购页
+  detailStandardList: '/app/prod/read', //获取商品的详细信息
+  
 }
 
 export default  urlAlias;
-- 
2.0.0