From 0c6c0f3c42d3ffdbfa2901d57129fe3007f4306b Mon Sep 17 00:00:00 2001
From: yr <1308291615@qq.com>
Date: Sun, 24 May 2020 10:28:12 +0800
Subject: [PATCH] =?UTF-8?q?=E9=80=89=E8=B4=AD=E9=A1=B5=E6=8A=98=E5=8F=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/detailStandard/detailStandard_k.vue   |  52 +++++++++++++++++-----
 src/pages/detailStandard/detailStandard_sun.vue |  56 ++++++++++++++++++------
 src/pages/purchaseLenses/purchaseLenses.vue     |   2 +-
 src/static/img/detail/right.png                 | Bin 0 -> 475 bytes
 src/static/img/detail/xiala.png                 | Bin 438 -> 470 bytes
 5 files changed, 83 insertions(+), 27 deletions(-)
 create mode 100644 src/static/img/detail/right.png

diff --git a/src/pages/detailStandard/detailStandard_k.vue b/src/pages/detailStandard/detailStandard_k.vue
index e4124ca..8b2ee51 100644
--- a/src/pages/detailStandard/detailStandard_k.vue
+++ b/src/pages/detailStandard/detailStandard_k.vue
@@ -17,10 +17,13 @@
         </view>
         <view class="choose">
             <view class="colour">
-                <view class="colour1"><span>框架颜色</span><image src="/static/img/detail/xiala.png"></image></view>
-                <view class="colour_exp">*{{this.navData.colour}}</view>
+                <view class="colour1"  @click="xialachange(0)">
+                    <text>框架颜色</text>
+                    <image  v-bind:src="isNone[0].img"></image>
+                </view>
+                <view class="colour_exp">*{{navData.colour}}</view>
                 <view>
-                <view class="colour2">
+                <view class="colour2"  v-bind:class="{'colour2_none' : isNone[0].state}">
                     <view 
                     v-for="(items,index) in details.data.skuList" 
                     :key="index" 
@@ -35,14 +38,14 @@
                 <hr/>
             </view>
             <view class="size">
-                <view class="size1">
+                <view class="size1" @click="xialachange(1)">
                     <view class="size1_1">框架尺寸</view>
-                    <view><image src="/static/img/detail/xiala.png"></image></view>
+                    <view><image v-bind:src="isNone[1].img"></image></view>
                 </view>
                 <view class="colour"> 
-                    <view class="colour_exp">*{{this.navData.colour}}</view>
+                    <view class="colour_exp">*{{navData.colour}}</view>
                 </view>
-                <view class="D3_list">
+                <view class="D3_list"  v-bind:class="{'colour2_none' : isNone[1].state}">
                     <view>
                         <view><image class="D3_image"  v-bind:src ="parameter[0].img"></image></view>
                         <view class="D3_list_jDu">
@@ -98,12 +101,15 @@
                 </view>
             </view>
             <view class="part">
-                <view class="size1">
-                    <view class="size1_1">配件</view>
-                    <view><span>+￥0.00</span><image src="/static/img/detail/xiala.png"></image></view>
+                <view class="size1" @click="xialachange(2)">
+                    <view class="size1_1" >配件</view>
+                    <view>
+                        <span>+￥0.00</span>
+                        <image  v-bind:src="isNone[2].img"></image>
+                    </view>
                 </view>
                 <view class="colour_exp">*0290</view>
-                <view class="part_som">
+                <view class="part_som"  v-bind:class="{'colour2_none' : isNone[2].state}">
                     <view 
                     v-for="(part) in part" 
                     :key="part.key"
@@ -139,6 +145,13 @@ export default {
             count: 1,
             // colour: '1.56非球面防蓝光_亚黑色',
             chooseNum : '',
+            isNone:[
+                {state: false ,img: '/static/img/detail/xiala.png'},
+                {state: false ,img: '/static/img/detail/xiala.png'},
+                {state: false ,img: '/static/img/detail/xiala.png'},
+                {state: false ,img: '/static/img/detail/xiala.png'},
+                {state: false ,img: '/static/img/detail/xiala.png'},
+            ],
             //传参
             navData:{
                 pid: "26",
@@ -147,6 +160,7 @@ export default {
                 price:'',
                 colour: '1.56非球面防蓝光_亚黑色',
             },
+
             //尺寸
             parameter:[
                 {key: 0,img:'/static/img/detail/d2.png', standard:'框架宽', slength:139},
@@ -190,9 +204,17 @@ export default {
 				this.count <= 1? this.disabled = true:this.count--
             }
         },
+        xialachange(index){
+            this.isNone[index].state = !this.isNone[index].state;
+            if(this.isNone[index].state){
+                this.isNone[index].img = '/static/img/detail/right.png'
+            }else{
+                this.isNone[index].img = '/static/img/detail/xiala.png'
+            }
+        },
         colourChange(index,e){
             this.navData.colour = e ; //颜色选择
-            console.log(index,e);
+            console.log(index,this.navData.colour);
 
         },
         viewChoose(index,e){
@@ -353,6 +375,9 @@ hr{
             }
         }
     }
+    .colour2_none{
+        display: none;
+    }
 }
 .size,.part{
     margin-top:14px;
@@ -459,6 +484,9 @@ hr{
             }
         }
     }
+    .colour2_none{
+        display: none;
+    }
 }
 
 .buy{
diff --git a/src/pages/detailStandard/detailStandard_sun.vue b/src/pages/detailStandard/detailStandard_sun.vue
index 4dc4988..98daab8 100644
--- a/src/pages/detailStandard/detailStandard_sun.vue
+++ b/src/pages/detailStandard/detailStandard_sun.vue
@@ -17,10 +17,13 @@
         </view>
         <view class="choose">
             <view class="colour">
-                <view class="colour1"><text>框架颜色</text><image src="/static/img/detail/xiala.png"></image></view>
+                <view class="colour1" @click="xialachange(0)">
+                    <text>框架颜色</text>
+                    <image v-bind:src="isNone[0].img"></image>
+                </view>
                 <view class="colour_exp">*{{navData.colour}}</view>
                 <view>
-                <view class="colour2">
+                <view class="colour2" v-bind:class="{'colour2_none' : isNone[0].state}">
                     <view 
                     v-for="(items,index) in details.data.skuList" 
                     :key="index" 
@@ -35,9 +38,12 @@
                 <hr/>
             </view>
             <view class="colour">
-                <view class="colour1"><text>镜片颜色</text><image src="/static/img/detail/xiala.png"></image></view>
+                <view class="colour1"  @click="xialachange(1)">
+                    <text>镜片颜色</text>
+                    <image v-bind:src="isNone[1].img"></image>
+                </view>
                 <view class="colour_exp">*BL192345 粉紫色【限时打折】</view>
-                <view>
+                <view  v-bind:class="{'colour2_none' : isNone[1].state}">
                 <view class="jp_colour2">
                     <view 
                     v-for="(items,index) in jp_colour" 
@@ -51,13 +57,14 @@
                 <hr/>
             </view>
             <view class="colour">
-                <view class="colour1">
+                <view class="colour1"  @click="xialachange(2)">
                     <text>{{details.data.attrList[0].meta_name}}</text>
                     <text class="colour_exp colour1_span2">注：折射率越高，镜片越薄</text>
-                    <image src="/static/img/detail/xiala.png"></image>
+                    <image  v-bind:src="isNone[2].img"></image>
                 </view>
                 <view>
-                <view class="split">
+                <view  class="colour_exp">*{{navData.split}}</view>
+                <view class="split" v-bind:class="{'colour2_none' : isNone[2].state}">
                     <view 
                     v-for="(items,index) in details.data.attrList[0].attr" 
                     :key="index" 
@@ -73,14 +80,14 @@
                 <hr/>
             </view>
             <view class="size">
-                <view class="size1">
+                <view class="size1" @click="xialachange(3)">
                     <view class="size1_1">框架尺寸</view>
-                    <view><image src="/static/img/detail/xiala.png"></image></view>
+                    <view><image  v-bind:src="isNone[3].img"></image></view>
                 </view>
                 <view class="colour"> 
                     <view class="colour_exp">*{{navData.colour}}</view>
                 </view>
-                <view class="D3_list">
+                <view class="D3_list"  v-bind:class="{'colour2_none' : isNone[3].state}">
                     <view>
                         <view><image class="D3_image"  v-bind:src ="parameter[0].img"></image></view>
                         <view class="D3_list_jDu">
@@ -132,16 +139,16 @@
                            <view>{{parameter[4].standard}}</view>
                         </view> 
                     </view>
-                    <hr/>
                 </view>
+                <hr/>
             </view>
             <view class="part">
-                <view class="size1">
+                <view class="size1" @click="xialachange(4)">
                     <view class="size1_1">配件</view>
-                    <view><span>+￥0.00</span><image src="/static/img/detail/xiala.png"></image></view>
+                    <view><span>+￥0.00</span><image v-bind:src="isNone[4].img"></image></view>
                 </view>
                 <view class="colour_exp">*0290</view>
-                <view class="part_som">
+                <view class="part_som"  v-bind:class="{'colour2_none' : isNone[4].state}">
                     <view 
                     v-for="(part) in part" 
                     :key="part.key"
@@ -282,6 +289,13 @@ export default {
             count: 1,
             chooseNum : '',
             isSplit: '' ,
+            isNone:[
+                {state: false ,img: '/static/img/detail/xiala.png'},
+                {state: false ,img: '/static/img/detail/xiala.png'},
+                {state: false ,img: '/static/img/detail/xiala.png'},
+                {state: false ,img: '/static/img/detail/xiala.png'},
+                {state: false ,img: '/static/img/detail/xiala.png'},
+            ],
 
             //传参
             navData:{
@@ -359,6 +373,14 @@ export default {
 				this.count <= 1? this.disabled = true:this.count--
             }
         },
+        xialachange(index){
+            this.isNone[index].state = !this.isNone[index].state;
+            if(this.isNone[index].state){
+                this.isNone[index].img = '/static/img/detail/right.png'
+            }else{
+                this.isNone[index].img = '/static/img/detail/xiala.png'
+            }
+        },
         colourChange(index,e){
             this.navData.colour = e ; //颜色选择
 
@@ -576,6 +598,9 @@ hr{
             }
         }
     }
+    .colour2_none{
+        display: none;
+    }
 }
 .jp_colour2{
         display: grid;
@@ -722,6 +747,9 @@ hr{
             }
         }
     }
+    .colour2_none{
+        display: none;
+    }
 }
 
 .buy{
diff --git a/src/pages/purchaseLenses/purchaseLenses.vue b/src/pages/purchaseLenses/purchaseLenses.vue
index 2dec0e2..eb260d6 100644
--- a/src/pages/purchaseLenses/purchaseLenses.vue
+++ b/src/pages/purchaseLenses/purchaseLenses.vue
@@ -297,7 +297,7 @@
 		},
 		methods:{
 			change(num) {
-				this.show[num] = this.show[num] ? false : true;
+        this.show[num] = this.show[num] ? false : true;
 			},
 			onClickItem1(index) {
         if (this.current1 !== index) {
diff --git a/src/static/img/detail/right.png b/src/static/img/detail/right.png
new file mode 100644
index 0000000000000000000000000000000000000000..100a83e967085fce502d7ce7b50dadfae34f2143
GIT binary patch
literal 475
zcmV<10VMv3P)<h;3K|Lk000e1NJLTq000vJ000&U0ssI2t^Y7600001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D0dPq~K~y+Tg_6sv
zf?yOzv(TWjB#<I%&>igk-=vY<gBnzHhg7W2f;^#rzq%%+vD)9hDDU?>6NNX5q681|
zL`=TBuIqVTKA+b#E!ocopa1Ol`|)_ZTrM5Q`Hd4sG)>dgb$zv3AwM3E1X<E2!gM;_
zZnup_qtodW3I%Cwi3voV&*z)XrdF#V7mLMTS#E;w`-{Z_zh19*yIm@0vys+fO<>OJ
z^_rdy!|3&T<#IVJCz-&8keSv;u2d@D*y3yj*lN4orq$hUH<?Vr(@rsgBGqb@Rh>?!
z>-8GEO*LPy*X?$j&1O_%PHg*|HmT3&^GOjxp3i5RY_(ddss_I$m{cPk)$aE@tu~v@
zum*CIYM0A}OCoB&-$xUc2@(_Scs$y+%}NG?0hf@=<$~Wrh$h<Ma6sdRhQlG(C)FU5
zfq!8n934$smK9g+gP5M_mrAA4Xv6}3dkZ6`<q=rgcW-gTZY7nJ8;T{9`2+fQ>{Ak~
RA432D002ovPDHLkV1mw+)t3MO

literal 0
HcmV?d00001

diff --git a/src/static/img/detail/xiala.png b/src/static/img/detail/xiala.png
index 9d6cd5b74060789c362301d05cc3790674301402..f375508b8faf9ef2dc866c035b7ec1c28b8c921c 100644
GIT binary patch
delta 445
zcmV;u0Yd(^1J(nOBYyw^b5ch_0Itp)=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi
z!vFvd!vV){sAK>D0c%M_K~y+T&68QHf<OR;)1Xa=GOP$HXtDnPze!stEgy<@XtCvf
zFs9uo<<iSN4>iur`8;!Er2G9I`%bd=|AqbsBIrU4BuNsF;eYa7?DtYI<v7lIy}n+r
zVkTUt)5*4Nei;Xd<#O5U^%jdoB;{~8n5Jo2*7<zK=po2cE|;Mih5;*tay%aU{XUTk
zg+el!3=YCbRn=~{d%0YoY&M(Q?IxC<#p-Z4oXuv{YPD9YB@ziHgD)b>vZiUBPKS8B
zXSG_rWFg~dG=G{-r<F>jUazN8Dbam^Ku}7hlCJB!-EJ@#Y`0rK3*5<MLIgH68jW;1
zE&S*g0>$HTN@=&-`~9BIU_l`c{_%Ls68=mk<NMM3JAw@Z2s&#vn-t9ZbGaO4DT?y!
zM<1`5>$-e4N+B~@ip659)yihG9M;?MP}og{LVilg=Qi^k?X4e0Ty|QR&*zw*`+HFY
n0*MWu{3sd`sW)f)n_{sa=8NMaa{^7k00000NkvXXu0mjf>|@Oy

delta 413
zcmV;O0b>5v1GWQ@BYy#XNkl<ZI1$Z~$%?{I5JfxMI6`nBM#KRe^Z$RN#)$JmQKRBK
z9eMJS4k0ewbQYoVUfol-t}2hm<LA34^qu^r{vU{6xrhiwQ51O+P{;)7e=ow(Y&Ki3
z*SFg(Kq;?Ir_*>m=FN$NST2|Cc6+f{e54!>hi<n!8ja59Gk>$+2>j&pd8nOE2UY;(
zcs!b>iRElI8;wStMW`~FjA0np>lKP^+xPoj+Li^kmSs(+(^9EaE|(*bh_lG63WYRH
zYqeU~W6o-|@_4~xzu%usCWS(wQmMpZF$VuZ2#T)j&1Q4E-S&FD&1NILz#R^USfHU=
zt;XYVq4y&A4u6Nkgwkj<cDo&!!GeMv^n<~GEA)v(Lh6wy@)zbqKFAP&AhTMnM!?KZ
zrBZ~IOeWoWB+g$;>M6*jSS&&(l>L5>ms~Dauh%{Eg~Z>5xVu~~_$QQfI?ZaTs)BY;
z`i!816z20eVt0NXN{|cDD#G&Y@1}f4xVwF8pWS@>0u~ORD9hcX|7XM900000NkvXX
Hu0mjfT2s&S

-- 
2.0.0