Branch_chensl #117
@ -10,11 +10,11 @@
|
|||||||
|
|
||||||
<div class="mainBottom">
|
<div class="mainBottom">
|
||||||
<div class='item' :class="currItem == 1 ? 'on': ''" @click="clickItem(1)">
|
<div class='item' :class="currItem == 1 ? 'on': ''" @click="clickItem(1)">
|
||||||
<img class="img" src="https://zysc.fjptzykj.com:3000/shangcheng/a7d0409cbf5335a2780409756914c530fc7c88bec85fc81302b53760d9be4a03.jpg" />
|
<img class="img" src="https://zysc.fjptzykj.com:3000/shangcheng/921278a710b8035ac2e4fd40a08f64e3652c5130c08c633b7e136714d57c1001.jpg" />
|
||||||
<div class="text">样式1</div>
|
<div class="text">样式1</div>
|
||||||
</div>
|
</div>
|
||||||
<div class='item' :class="currItem == 2 ? 'on': ''" @click="clickItem(2)">
|
<div class='item' :class="currItem == 2 ? 'on': ''" @click="clickItem(2)">
|
||||||
<img class="img" src="https://zysc.fjptzykj.com:3000/shangcheng/9096b2c04a6e46ea562999a93a1b975100c6b4557e680dcb31de6d3555407841.png" />
|
<img class="img" src="https://zysc.fjptzykj.com:3000/shangcheng/909ef630cff7cdc957962ae782ee9a882c86c35732140b1c9e013341fa559126.jpg" />
|
||||||
<div class="text">样式2</div>
|
<div class="text">样式2</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -22,6 +22,14 @@
|
|||||||
<div class="le" style="background:rgb(66, 202, 77);"></div>
|
<div class="le" style="background:rgb(66, 202, 77);"></div>
|
||||||
<div class="ri">生鲜绿</div>
|
<div class="ri">生鲜绿</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="item" :class="currItem== 'pink' ? 'on': ''" @click="clickItem('pink')">
|
||||||
|
<div class="le" style="background:#ff448f;"></div>
|
||||||
|
<div class="ri">魅力粉</div>
|
||||||
|
</div>
|
||||||
|
<div class="item" :class="currItem== 'orange' ? 'on': ''" @click="clickItem('orange')">
|
||||||
|
<div class="le" style="background:#fe5c2d;"></div>
|
||||||
|
<div class="ri">活力橙</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="mainBottom">
|
<div class="mainBottom">
|
||||||
<div class='item' v-show="currItem== ''">
|
<div class='item' v-show="currItem== ''">
|
||||||
@ -37,6 +45,14 @@
|
|||||||
<img class="img"
|
<img class="img"
|
||||||
src="https://zysc.fjptzykj.com:3000/shangcheng/0d0a7ab210afb5cee674e402ca3ec197a30523687acbec2e8e5f16fb52075e9b.jpg" />
|
src="https://zysc.fjptzykj.com:3000/shangcheng/0d0a7ab210afb5cee674e402ca3ec197a30523687acbec2e8e5f16fb52075e9b.jpg" />
|
||||||
</div>
|
</div>
|
||||||
|
<div class='item' v-show="currItem== 'pink'">
|
||||||
|
<img class="img"
|
||||||
|
src="https://zysc.fjptzykj.com:3000/shangcheng/0d0a7ab210afb5cee674e402ca3ec197a30523687acbec2e8e5f16fb52075e9b.jpg" />
|
||||||
|
</div>
|
||||||
|
<div class='item' v-show="currItem== 'orange'">
|
||||||
|
<img class="img"
|
||||||
|
src="https://zysc.fjptzykj.com:3000/shangcheng/0d0a7ab210afb5cee674e402ca3ec197a30523687acbec2e8e5f16fb52075e9b.jpg" />
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -66,6 +82,10 @@
|
|||||||
setZtClass('lv')
|
setZtClass('lv')
|
||||||
}else if(currItem.value == 'blue'){
|
}else if(currItem.value == 'blue'){
|
||||||
setZtClass('blue')
|
setZtClass('blue')
|
||||||
|
}else if(currItem.value == 'pink'){
|
||||||
|
setZtClass('pink')
|
||||||
|
}else if(currItem.value == 'orange'){
|
||||||
|
setZtClass('orange')
|
||||||
}else{
|
}else{
|
||||||
setZtClass('')
|
setZtClass('')
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user