Authored by Tao

modify nav

... ... @@ -17,7 +17,7 @@
<div>{{productDetail.product_name}} {{goodsName}}</div>
</div>
<div class="size-list">
<cube-scroll ref="scroll" :data="sizeViewList">
<cube-scroll ref="scroll" :data="sizeViewList" class="size-list-scroll">
<ul>
<li class="size-item" v-for="(item, idx) in sizeViewList" :key="idx" @click="buy(item)">
<div class="size"><span>{{item.name}}</span><span v-if="item.subName">{{item.subName}}</span></div>
... ... @@ -196,6 +196,15 @@ export default {
.size-list {
flex: 1;
overflow: hidden;
position: relative;
&-scroll {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
}
.header {
... ...
... ... @@ -224,6 +224,11 @@ export default {
.size-scroll {
width: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
li {
... ...
<template>
<action-sheet @hidden="onHidden" @hide="onHide" @shown="onShown" position="right" ref="popup" :full="true">
<div class="buy-sheet">
<div class="header">
<div class="back-wrapper flex" @touchend="onBack">
<div class="back"></div>
</div>
</div>
<div class="title">
<h1>添加尺码</h1>
<h3>请选择希望添加的尺码</h3>
... ... @@ -124,8 +119,10 @@ export default {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
bottom: 0;
right: 0;
/*width: 100%;*/
/*height: 100%;*/
background: #fff;
.size-list {
... ...
... ... @@ -7,7 +7,7 @@
class="cube-scroll-wrapper"
@scroll-end="scrollEndHandler">
<div class="slide">
<cube-slide ref="slide" :data="imageList">
<cube-slide ref="slide" :options="slideOptions" :data="imageList">
<cube-slide-item v-for="(item, index) in imageList" :key="index">
<a click="javascript:void 0" class="square-img-container">
<square-img v-if="!item.initial" :src="item.image_url" :width="600" :height="600" />
... ... @@ -128,6 +128,9 @@ export default {
},
data() {
return {
slideOptions: {
eventPassthrough: 'vertical',
},
prdDetailTip,
prdDetailImage,
... ...