刘文博 / gulu-vue

Download as
Browse Code »

Commit c4c4f1251c85a8697f7f5e84f8ce500e5c7a51e4

Authored by yr
1 parent 600d4968f3
Exists in master

修改镜框选购页

Showing 4 changed files with 73 additions and 19 deletions   Show diff stats
src/components/UniSliper/UniSliper.vue
Diff comments   View file @c4c4f12
... ... @@ -167,7 +167,7 @@
167 167  
168 168 <style scoped lang="scss">
169 169 .c-progress {
170   - $width: 300px;
  170 + $width: 400rpx;
171 171 $radius: 5px;
172 172 display: flex;
173 173 align-items: center;
... ... @@ -187,9 +187,9 @@
187 187 align-items: center;
188 188  
189 189 .c-progress-inner {
190   - width: 100px;
  190 + width: 100rpx;
191 191 height: 10px;
192   - background: #409EFF;
  192 + background: #FF6B4A ;
193 193 }
194 194  
195 195 .c-progress-slider {
... ... @@ -197,7 +197,7 @@
197 197 height: 20px;
198 198 border-radius: 50%;
199 199 background: #fff;
200   - border: 1px solid #409EFF;
  200 + border: 1px solid #FF6B4A ;
201 201 position: absolute;
202 202 z-index: 10;
203 203 left: 10px;
... ...
src/pages/detailStandard/detailStandard_k.vue
Diff comments   View file @c4c4f12
... ... @@ -10,7 +10,7 @@
10 10 </view>
11 11 <view class="choose">
12 12 <view class="colour">
13   - <view class="colour1"><span>框架颜色</span><image src="/static/img/detail/xiala2.png"></image></view>
  13 + <view class="colour1"><span>框架颜色</span><image src="/static/img/detail/xiala.png"></image></view>
14 14 <view class="colour_exp">*黑色 BHL192345</view>
15 15 <view class="colour2">
16 16 <view v-for="(colours) in colour" :key="colours.key"><image v-bind:src="colours.img"></image></view>
... ... @@ -20,7 +20,7 @@
20 20 <view class="size">
21 21 <view class="size1">
22 22 <view class="size1_1">框架尺寸</view>
23   - <view><span>+￥20</span><image src="/static/img/detail/xiala2.png"></image></view>
  23 + <view><span>+￥20</span><image src="/static/img/detail/xiala.png"></image></view>
24 24 </view>
25 25 <view class="size2">
26 26 <view>通用</view>
... ... @@ -31,13 +31,13 @@
31 31 <view><image class="D3_image" v-bind:src = "item.img"></image></view>
32 32 <view class="D3_list_jDu">
33 33 <!-- uni-sliper插件 -->
34   - <c-progress class="c-progress"
  34 + <!-- <c-progress class="c-progress"
35 35 :percent="item.percent"
36 36 :show-slider="false" :width="190"
37 37 :standard="item.standard_l"
38 38 :stand_width="item.slength"
39 39 progressColor="#FF6B4A"
40   - />
  40 + /> -->
41 41 <view>{{item.standard}}</view>
42 42 </view>
43 43 </view>
... ... @@ -47,7 +47,7 @@
47 47 <view class="part">
48 48 <view class="size1">
49 49 <view class="size1_1">配件</view>
50   - <view><span>+￥0.00</span><image src="/static/img/detail/xiala2.png"></image></view>
  50 + <view><span>+￥0.00</span><image src="/static/img/detail/xiala.png"></image></view>
51 51 </view>
52 52 <view class="colour_exp">*0290</view>
53 53 <view class="part_som">
... ... @@ -69,11 +69,9 @@
69 69 </template>
70 70 <script>
71 71 import CProgress from '../../components/UniSliper/UniSliper'
  72 +import store from '@/store'
72 73  
73 74 export default {
74   - components: {
75   - CProgress
76   - },
77 75 data(){
78 76 return{
79 77 detail:{
... ... @@ -112,7 +110,17 @@ export default {
112 110 {key: 7,img:'/static/img/detail/Kuang/g2.png'},
113 111 ],
114 112 }
115   - }
  113 + },
  114 +
  115 + components: {
  116 + detailStandard_k(){
  117 + console.log(detailStandard_k)
  118 + return this.$store.state.detailStandard_k.detailStandardList
  119 + }
  120 + },
  121 + onLoad:function(){
  122 + store.dispatch('detailStandard_k/getList')
  123 + },
116 124 }
117 125 </script>
118 126  
... ...
src/store/modules/detailStandard_k.js
Diff comments   View file @c4c4f12
... ... @@ -0,0 +1,42 @@
  1 +import urlAlias from '../url';
  2 +import request from '../request';
  3 +
  4 +const {
  5 + detailStandardList
  6 +} = urlAlias
  7 +
  8 +const state = {
  9 + list:[],
  10 +};
  11 +
  12 +const mutations = {
  13 + INIT: (state, detailStandardList) => {
  14 + state.detailStandardList = detailStandardList;
  15 + },
  16 +};
  17 +
  18 +const actions = {
  19 + getList({ commit }, param){
  20 + request({
  21 + detailStandardList,
  22 + success: (res) => {
  23 +
  24 + commit('INIT', res.data.data)
  25 + console,log('success')
  26 + },
  27 + fail: (res) => {
  28 + console.log("detail status === > ", res);
  29 + },
  30 + complete: (res) => {
  31 + console.log("detail compete status === > ", res);
  32 + },
  33 + })
  34 + }
  35 +}
  36 +
  37 +export default {
  38 + namespaced: true,
  39 + state,
  40 + mutations,
  41 + actions,
  42 +}
0 43 \ No newline at end of file
... ...
1 1 const urlAlias = {
2 2 // 获取首页商品列表
3   - shopList: '/app/prod/list',
4   -
5   - // 获取首页商品列表
6   - category: '/app/prod/category2',
7   - // 获取商品信息
  3 + shopList: '/app/prod/list',
  4 +
  5 + // 获取首页商品列表
  6 + category: '/app/prod/category2',
  7 + // 获取商品信息
8 8 read: '/app/prod/read',
9 9  
10 10 // 首页
... ... @@ -22,7 +22,11 @@ const urlAlias = {
22 22 cartList: '/app/cart/list', // 获取购物车列表
23 23  
24 24 // 我的
25   - recommandList:'/app/prod/recommand', // 获取用户个性化推荐商品
  25 + recommandList:'/app/prod/recommand', // 获取用户个性化推荐商品
  26 +
  27 + // 镜框选购页
  28 + detailStandardList: '/app/prod/read', //获取商品的详细信息
  29 +
26 30 }
27 31  
28 32 export default urlAlias;
... ...