chore(组件): 更新依赖
This commit is contained in:
@@ -161,15 +161,11 @@ let menuButtonInfo = {};
|
|||||||
menuButtonInfo = uni.getMenuButtonBoundingClientRect();
|
menuButtonInfo = uni.getMenuButtonBoundingClientRect();
|
||||||
// #endif
|
// #endif
|
||||||
|
|
||||||
import nsGoodsSkuCategory from '@/components/ns-goods-sku/ns-goods-sku-category.vue';
|
|
||||||
import DiyMinx from './minx.js'
|
import DiyMinx from './minx.js'
|
||||||
var contentWrapHeight, query, cartPosition;
|
var contentWrapHeight, query, cartPosition;
|
||||||
|
|
||||||
// 商品分类
|
// 商品分类
|
||||||
export default {
|
export default {
|
||||||
components: {
|
|
||||||
nsGoodsSkuCategory
|
|
||||||
},
|
|
||||||
name: 'diy-category',
|
name: 'diy-category',
|
||||||
props: {
|
props: {
|
||||||
value: {
|
value: {
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="goods-sku" @touchmove.prevent.stop>
|
<view class="goods-sku" @touchmove.prevent.stop>
|
||||||
<uni-popup ref="skuPopup" :type="popupType">
|
<uni-popup-sku-category ref="skuPopup" :type="popupType">
|
||||||
<view class="sku-layer">
|
<view class="sku-layer">
|
||||||
<view class="sku-content">
|
<view class="sku-content">
|
||||||
<view class="sku-info" :style="{ height: systemInfo.windowHeight * 2 + 'rpx' }">
|
<view class="sku-info" :style="{ height: systemInfo.windowHeight * 2 + 'rpx' }">
|
||||||
@@ -9,7 +9,8 @@
|
|||||||
<image :src="$util.img(goodsDetail.sku_image, { size: 'mid' })" @error="imageError()" />
|
<image :src="$util.img(goodsDetail.sku_image, { size: 'mid' })" @error="imageError()" />
|
||||||
</view>
|
</view>
|
||||||
<view class="main">
|
<view class="main">
|
||||||
<view class="goodname">{{ goodsDetail.sku_name ? goodsDetail.sku_name : (isEnEnv ? goodsDetail.en_goods_name : goodsDetail.goods_name) }}</view>
|
<view class="goodname">{{ goodsDetail.sku_name ? goodsDetail.sku_name : (isEnEnv ?
|
||||||
|
goodsDetail.en_goods_name : goodsDetail.goods_name) }}</view>
|
||||||
<view class="other-info">
|
<view class="other-info">
|
||||||
<view class="stock color-tip" v-if="goodsDetail.stock_show">
|
<view class="stock color-tip" v-if="goodsDetail.stock_show">
|
||||||
库存{{ goodsDetail.stock }}{{ goodsDetail.unit }}</view>
|
库存{{ goodsDetail.stock }}{{ goodsDetail.unit }}</view>
|
||||||
@@ -21,7 +22,8 @@
|
|||||||
</view>
|
</view>
|
||||||
<view class="body-item">
|
<view class="body-item">
|
||||||
<scroll-view scroll-y class="wrap">
|
<scroll-view scroll-y class="wrap">
|
||||||
<view class="sku-list-wrap" v-for="(item, index) in goodsDetail.goods_spec_format" :key="index">
|
<view class="sku-list-wrap" v-for="(item, index) in goodsDetail.goods_spec_format"
|
||||||
|
:key="index">
|
||||||
<text class="title font-size-tag">{{ item.spec_name }}</text>
|
<text class="title font-size-tag">{{ item.spec_name }}</text>
|
||||||
<view class="sku-list_item">
|
<view class="sku-list_item">
|
||||||
<view v-for="(item_value, index_value) in item.value" :key="index_value" :class="{
|
<view v-for="(item_value, index_value) in item.value" :key="index_value" :class="{
|
||||||
@@ -29,7 +31,9 @@
|
|||||||
disabled: item_value['disabled'] || (!item_value['selected'] && disabled)
|
disabled: item_value['disabled'] || (!item_value['selected'] && disabled)
|
||||||
}" class="items color-line-border font-size-tag"
|
}" class="items color-line-border font-size-tag"
|
||||||
@click="change(item_value.sku_id, item_value.spec_id)">
|
@click="change(item_value.sku_id, item_value.spec_id)">
|
||||||
<image v-if="item_value.image" :src="$util.img(item_value.image, { size: 'small' })" @error="valueImageError(index, index_value)" />
|
<image v-if="item_value.image"
|
||||||
|
:src="$util.img(item_value.image, { size: 'small' })"
|
||||||
|
@error="valueImageError(index, index_value)" />
|
||||||
<text>{{ item_value.spec_value_name }}</text>
|
<text>{{ item_value.spec_value_name }}</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@@ -40,7 +44,8 @@
|
|||||||
<view class="sku-name font-size-goods-tag">
|
<view class="sku-name font-size-goods-tag">
|
||||||
<template v-if="goodsDetail.sku_spec_format" class="color-tip">
|
<template v-if="goodsDetail.sku_spec_format" class="color-tip">
|
||||||
已选择:
|
已选择:
|
||||||
<text class="color-tip" v-for="(item, index) in goodsDetail.sku_spec_format" :key="index">{{ item.spec_value_name }}</text>
|
<text class="color-tip" v-for="(item, index) in goodsDetail.sku_spec_format"
|
||||||
|
:key="index">{{ item.spec_value_name }}</text>
|
||||||
</template>
|
</template>
|
||||||
</view>
|
</view>
|
||||||
<view class="footer-bottom">
|
<view class="footer-bottom">
|
||||||
@@ -55,15 +60,19 @@
|
|||||||
<text class="desc iconfont icon-jianshao color-base-text"></text>
|
<text class="desc iconfont icon-jianshao color-base-text"></text>
|
||||||
<view class="click-event"></view>
|
<view class="click-event"></view>
|
||||||
</view>
|
</view>
|
||||||
<input type="number" class="uni-input" @blur="blur" v-model="number" placeholder="0" @input="keyInput(false)" />
|
<input type="number" class="uni-input" @blur="blur" v-model="number"
|
||||||
<view class="num-action" :id="'select-sku-num-' + goodsDetail.goods_id" @click="changeNum('+', $event)">
|
placeholder="0" @input="keyInput(false)" />
|
||||||
<text class="add iconfont icon-add-fill color-base-text change_hover"></text>
|
<view class="num-action" :id="'select-sku-num-' + goodsDetail.goods_id"
|
||||||
|
@click="changeNum('+', $event)">
|
||||||
|
<text
|
||||||
|
class="add iconfont icon-add-fill color-base-text change_hover"></text>
|
||||||
<view class="click-event"></view>
|
<view class="click-event"></view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view v-else-if="number == 0 && isLoad">
|
<view v-else-if="number == 0 && isLoad">
|
||||||
<view class="num-action">
|
<view class="num-action">
|
||||||
<button type="primary" v-if="goodsDetail.stock && goodsDetail.stock != 0" @click="confirm($event)">加入购物车</button>
|
<button type="primary" v-if="goodsDetail.stock && goodsDetail.stock != 0"
|
||||||
|
@click="confirm($event)">加入购物车</button>
|
||||||
<button type="primary" disabled="true" v-else>确定</button>
|
<button type="primary" disabled="true" v-else>确定</button>
|
||||||
<view class="click-event"></view>
|
<view class="click-event"></view>
|
||||||
</view>
|
</view>
|
||||||
@@ -75,20 +84,16 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="sku-close iconfont icon-close-guanbi" @click="closeSkuPopup()"></view>
|
<view class="sku-close iconfont icon-close-guanbi" @click="closeSkuPopup()"></view>
|
||||||
</uni-popup>
|
</uni-popup-sku-category>
|
||||||
|
|
||||||
<ns-login ref="login"></ns-login>
|
<ns-login ref="login"></ns-login>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import uniPopup from '@/uni_modules/uni-popup/components/uni-popup/uni-popup-sku-new.vue';
|
|
||||||
// 商品SKU
|
// 商品SKU
|
||||||
export default {
|
export default {
|
||||||
name: 'ns-goods-sku-category',
|
name: 'ns-goods-sku-category',
|
||||||
components: {
|
|
||||||
uniPopup
|
|
||||||
},
|
|
||||||
props: {
|
props: {
|
||||||
disabled: {
|
disabled: {
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="goods-sku" @touchmove.prevent.stop>
|
<view class="goods-sku" @touchmove.prevent.stop>
|
||||||
<uni-popup ref="skuPopup" type="bottom" class="sku-layer" @change="popclose">
|
<uni-popup-sku ref="skuPopup" type="bottom" class="sku-layer" @change="popclose">
|
||||||
<view class="sku-info" :style="{ height: skuHeight }">
|
<view class="sku-info" :style="{ height: skuHeight }">
|
||||||
<view class="header">
|
<view class="header">
|
||||||
<block v-if="type == 'point' && goodsDetail.type && goodsDetail.type != 1">
|
<block v-if="type == 'point' && goodsDetail.type && goodsDetail.type != 1">
|
||||||
@@ -208,19 +208,15 @@
|
|||||||
<button type="primary" v-else disabled="true">该商品已下架</button>
|
<button type="primary" v-else disabled="true">该商品已下架</button>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</uni-popup>
|
</uni-popup-sku>
|
||||||
<ns-login ref="login"></ns-login>
|
<ns-login ref="login"></ns-login>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import uniPopup from '@/uni_modules/uni-popup/components/uni-popup/uni-popup-sku.vue';
|
|
||||||
// 商品SKU
|
// 商品SKU
|
||||||
export default {
|
export default {
|
||||||
name: 'ns-goods-sku',
|
name: 'ns-goods-sku',
|
||||||
components: {
|
|
||||||
uniPopup
|
|
||||||
},
|
|
||||||
props: {
|
props: {
|
||||||
goodsId: {
|
goodsId: {
|
||||||
type: [Number, String],
|
type: [Number, String],
|
||||||
|
|||||||
10
pages.json
10
pages.json
@@ -955,7 +955,15 @@
|
|||||||
"custom": {
|
"custom": {
|
||||||
"diy-*(\\W.*)": "@/components-diy/diy$1.vue",
|
"diy-*(\\W.*)": "@/components-diy/diy$1.vue",
|
||||||
"uni-*(\\W.*)": "@/uni_modules/uni$1/components/uni$1/uni$1.vue",
|
"uni-*(\\W.*)": "@/uni_modules/uni$1/components/uni$1/uni$1.vue",
|
||||||
"MescrollUni": "@/components/mescroll/my-list-mescroll.vue"
|
|
||||||
|
"mescroll-uni": "@/components/mescroll/my-list-mescroll.vue",
|
||||||
|
"ns-goods-sku-index": "@/components/ns-goods-sku/ns-goods-sku-index.vue",
|
||||||
|
"ns-goods-sku-category": "@/components/ns-goods-sku/ns-goods-sku-category.vue",
|
||||||
|
|
||||||
|
"x-skeleton": "@/uni_modules/x-skeleton/components/x-skeleton/x-skeleton.vue",
|
||||||
|
"mp-html": "@/uni_modules/mp-html/components/mp-html/mp-html.vue",
|
||||||
|
"uni-popup-sku": "@/uni_modules/uni-popup/components/uni-popup/uni-popup-sku.vue",
|
||||||
|
"uni-popup-sku-category": "@/uni_modules/uni-popup/components/uni-popup/uni-popup-sku-category.vue"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"preloadRule": {
|
"preloadRule": {
|
||||||
|
|||||||
@@ -7,8 +7,6 @@
|
|||||||
<script>
|
<script>
|
||||||
import htmlParser from '@/common/js/html-parser';
|
import htmlParser from '@/common/js/html-parser';
|
||||||
export default {
|
export default {
|
||||||
components: {
|
|
||||||
},
|
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
content:'',
|
content:'',
|
||||||
|
|||||||
Reference in New Issue
Block a user