刘文博 / gulu-vue

Download as
Browse Code »

Commit 56465b9943164fc07f943ed8b08580d264fc8767

Authored by yr
1 parent 31dea37dac
Exists in master

合并选购页

Showing 1 changed file with 138 additions and 1 deletions   Show diff stats
src/pages/detailStandard/detailStandard_sun.vue
Diff comments   View file @56465b9
1 1 <template>
2   - <view class="container">
  2 +<view>
  3 + <view class="container" v-if="type===2">
3 4 <view class="detail">
4 5 <view class="detail1"><image v-bind:src="details.data.img_index_url"></image></view>
5 6 <view class="detail2">
... ... @@ -275,6 +276,139 @@
275 276 <view class="zhanwei"></view>
276 277 <view class="button" @click="popSure(details.data.p_name,details.data.p_sale_price)" ><view>立即结算</view></view>
277 278 </view>
  279 + <view class="container" v-if="type===4">
  280 + <view class="detail">
  281 + <view class="detail1"><image v-bind:src="details.data.img_index_url"></image></view>
  282 + <view class="detail2">
  283 + <view class="detail2_name">{{details.data.p_name}}</view>
  284 + <view class="detail2_tui"><span>支持7天无条件退货</span><span>顺丰发货</span></view>
  285 + <view class="detail2_price">
  286 + <span>￥{{details.data.p_sale_price*count}}</span>
  287 + <view class="counter">
  288 + <view class="btn" disabled="this.disabled" @click="counter(false)">-</view>
  289 + <text>{{count}}</text>
  290 + <view class="btn" @click="counter(true)">+</view>
  291 + </view>
  292 + </view>
  293 + </view>
  294 + </view>
  295 + <view class="choose">
  296 + <view class="colour">
  297 + <view class="colour1" @click="xialachange(0)">
  298 + <text>框架颜色</text>
  299 + <image v-bind:src="isNone[0].img"></image>
  300 + </view>
  301 + <view class="colour_exp">*{{navData.colour}}</view>
  302 + <view>
  303 + <view class="colour2" v-bind:class="{'colour2_none' : isNone[0].state}">
  304 + <view
  305 + v-for="(items,index) in details.data.skuList"
  306 + :key="index"
  307 + @click="viewChoose(index)"
  308 + class="colour2_view"
  309 + v-bind:class="{'colour2_viewed': chooseNum == index}"
  310 + >
  311 + <image v-bind:src="items.pic" @click="colourChange(index,items.sku_name)"></image>
  312 + </view>
  313 + </view>
  314 + </view>
  315 + <hr/>
  316 + </view>
  317 + <view class="size">
  318 + <view class="size1" @click="xialachange(1)">
  319 + <view class="size1_1">框架尺寸</view>
  320 + <view><image v-bind:src="isNone[1].img"></image></view>
  321 + </view>
  322 + <view class="colour">
  323 + <view class="colour_exp">*{{navData.colour}}</view>
  324 + </view>
  325 + <view class="D3_list" v-bind:class="{'colour2_none' : isNone[1].state}">
  326 + <view>
  327 + <view><image class="D3_image" v-bind:src ="parameter[0].img"></image></view>
  328 + <view class="D3_list_jDu">
  329 + <view class="D3_list1">
  330 + <c-progress class="c-progress" :inner_widthProp="300"/>
  331 + <text>{{details.data.frame_width}}mm</text>
  332 + </view>
  333 + <view>{{parameter[0].standard}}</view>
  334 + </view>
  335 + </view>
  336 + <view>
  337 + <view><image class="D3_image" v-bind:src ="parameter[1].img"></image></view>
  338 + <view class="D3_list_jDu">
  339 + <view class="D3_list1">
  340 + <c-progress class="c-progress" :inner_widthProp="190"/>
  341 + <view>{{details.data.glass_width}}mm</view>
  342 + </view>
  343 + <view>{{parameter[1].standard}}</view>
  344 + </view>
  345 + </view>
  346 + <view>
  347 + <view><image class="D3_image" v-bind:src ="parameter[2].img"></image></view>
  348 + <view class="D3_list_jDu">
  349 + <view class="D3_list1">
  350 + <c-progress class="c-progress" :inner_widthProp="210"/>
  351 + <view>{{details.data.glass_height}}mm</view>
  352 + </view>
  353 + <view>{{parameter[2].standard}}</view>
  354 + </view>
  355 + </view>
  356 + <view>
  357 + <view><image class="D3_image" v-bind:src ="parameter[3].img"></image></view>
  358 + <view class="D3_list_jDu">
  359 +
  360 + <view class="D3_list1">
  361 + <c-progress class="c-progress" :inner_widthProp="160"/>
  362 + <view>{{details.data.nose_width}}mm</view>
  363 + </view>
  364 + <view>{{parameter[3].standard}}</view>
  365 + </view>
  366 + </view>
  367 + <view>
  368 + <view><image class="D3_image" v-bind:src ="parameter[4].img"></image></view>
  369 + <view class="D3_list_jDu">
  370 + <view class="D3_list1">
  371 + <c-progress class="c-progress" :inner_widthProp="260"/>
  372 + <view>{{details.data.leg_long}}mm</view>
  373 + </view>
  374 + <view>{{parameter[4].standard}}</view>
  375 + </view>
  376 + </view>
  377 + <hr/>
  378 + </view>
  379 + </view>
  380 + <view class="part">
  381 + <view class="size1" @click="xialachange(2)">
  382 + <view class="size1_1" >配件</view>
  383 + <view>
  384 + <span>+￥0.00</span>
  385 + <image v-bind:src="isNone[2].img"></image>
  386 + </view>
  387 + </view>
  388 + <view class="colour_exp">*0290</view>
  389 + <view class="part_som" v-bind:class="{'colour2_none' : isNone[2].state}">
  390 + <view
  391 + v-for="(part) in part"
  392 + :key="part.key"
  393 + v-bind:class="{'size_viewed': part.is_actived}"
  394 + >
  395 + <image v-bind:src="part.img"></image>
  396 + </view>
  397 + </view>
  398 + </view>
  399 + </view>
  400 + <view class="buy">
  401 + <view class="buy1">选了镜框，想选镜片？</view>
  402 + <view class="buy2">系统已为你保存好已选镜框，放心去选镜片吧！</view>
  403 + <view class="buy3">
  404 + <view class="buy3_1">暂时不选</view>
  405 + <view class="buy3_2" @click="popArgs">立即去选</view>
  406 + </view>
  407 + </view>
  408 + <view class="zhanwei"></view>
  409 + <view class="button"><view @click="popSure(details.data.p_name,details.data.p_sale_price)" >立即结算</view></view>
  410 + </view>
  411 +</view>
278 412 </template>
279 413 <script>
280 414 import CProgress from '../../components/UniSliper/UniSliper'
... ... @@ -286,6 +420,7 @@ export default {
286 420 },
287 421 data(){
288 422 return{
  423 + type: 2,
289 424 count: 1,
290 425 chooseNum : '',
291 426 isSplit: '' ,
... ... @@ -303,6 +438,7 @@ export default {
303 438 p_root_index: "4",
304 439 name:'',
305 440 price:'',
  441 + type:'',
306 442 split: '1.56非球面防蓝光',
307 443 colour: '1.56非球面防蓝光_亚黑色',
308 444 },
... ... @@ -406,6 +542,7 @@ export default {
406 542 popSure(name,price){
407 543 this.navData.name = name;
408 544 this.navData.price = price;
  545 + this.navData.type = this.type;
409 546 var navData = JSON.stringify(this.navData);
410 547 uni.navigateTo({
411 548 url: '../confirmOrder/confirmOrder?index='+navData,
... ...