Browse Source

调整标的界面显示

master
453530270@qq.com 3 years ago
parent
commit
3885dade23
  1. 2
      components/search/index.vue
  2. 14
      pages.json
  3. 2
      pages/cart/index.vue
  4. 2
      pages/category/components/primary.vue
  5. 2
      pages/comment/index.vue
  6. 65
      pages/goods/detail.vue
  7. 34
      pages/index/components/goods.vue
  8. 2
      pages/order/detail.vue

2
components/search/index.vue

@ -15,7 +15,7 @@
props: { props: {
tips: { tips: {
type: String, type: String,
default: '搜索商品' default: '搜索标的'
} }
}, },
data() { data() {

14
pages.json

@ -63,7 +63,7 @@
{ {
"path": "pages/search/index", "path": "pages/search/index",
"style": { "style": {
"navigationBarTitleText": "商品搜索" "navigationBarTitleText": "标的搜索"
} }
}, },
{ {
@ -102,29 +102,23 @@
"navigationBarTitleText": "帮助中心" "navigationBarTitleText": "帮助中心"
} }
}, },
{
"path": "pages/coupon/index",
"style": {
"navigationBarTitleText": "领券中心"
}
},
{ {
"path": "pages/goods/list", "path": "pages/goods/list",
"style": { "style": {
"navigationBarTitleText": "商品列表", "navigationBarTitleText": "标的列表",
"enablePullDownRefresh": true "enablePullDownRefresh": true
} }
}, },
{ {
"path": "pages/goods/detail", "path": "pages/goods/detail",
"style": { "style": {
"navigationBarTitleText": "商品详情页" "navigationBarTitleText": "标的详情"
} }
}, },
{ {
"path": "pages/comment/index", "path": "pages/comment/index",
"style": { "style": {
"navigationBarTitleText": "商品评价页" "navigationBarTitleText": "标的评价页"
} }
}, },
{ {

2
pages/cart/index.vue

@ -5,7 +5,7 @@
<view class="cart-total"> <view class="cart-total">
<text></text> <text></text>
<text class="active">{{ total }}</text> <text class="active">{{ total }}</text>
<text>商品</text> <text>标的</text>
</view> </view>
<view class="cart-edit" @click="handleToggleMode"> <view class="cart-edit" @click="handleToggleMode">
<view v-if="mode == 'normal'" class="normal"> <view v-if="mode == 'normal'" class="normal">

2
pages/category/components/primary.vue

@ -17,7 +17,7 @@
</view> </view>
</view> </view>
</view> </view>
<empty v-if="!list.length" :tips="'亲,暂无商品分类' + display" /> <empty v-if="!list.length" :tips="'亲,暂无标的分类' + display" />
</view> </view>
</template> </template>

2
pages/comment/index.vue

@ -91,7 +91,7 @@
noMoreSize: 4, noMoreSize: 4,
// //
empty: { empty: {
tip: '亲,暂无相关商品评价' tip: '亲,暂无相关标的评价'
} }
}, },
} }

65
pages/goods/detail.vue

@ -65,73 +65,20 @@
<!-- 商品SKU弹窗 --> <!-- 商品SKU弹窗 -->
<SkuPopup v-if="!isLoading" v-model="showSkuPopup" :skuMode="skuMode" :goods="goods" @addCart="onAddCart" /> <SkuPopup v-if="!isLoading" v-model="showSkuPopup" :skuMode="skuMode" :goods="goods" @addCart="onAddCart" />
<!-- 商品评价 --> <!-- 标的评价 -->
<Comment v-if="!isLoading" :goods-id="goodsId" :limit="2" /> <Comment v-if="!isLoading" :goods-id="goodsId" :limit="2" />
<!-- 商品描述 --> <!-- 标的描述 -->
<view v-if="!isLoading" class="goods-content m-top20"> <view v-if="!isLoading" class="goods-content m-top20">
<view class="item-title b-f"> <view class="item-title b-f">
<text>商品描述</text> <text>标的描述</text>
</view> </view>
<block v-if="goods.content != ''"> <block v-if="goods.content != ''">
<view class="goods-content__detail b-f"> <view class="goods-content__detail b-f">
<mp-html :content="goods.content" /> <mp-html :content="goods.content" />
</view> </view>
</block> </block>
<empty v-else tips="亲,暂无商品描述" /> <empty v-else tips="亲,暂无描述" />
</view>
<!-- 底部选项卡 -->
<view class="footer-fixed">
<view class="footer-container">
<!-- 导航图标 -->
<view class="foo-item-fast">
<!-- 首页 -->
<view class="fast-item fast-item--home" @click="onTargetHome">
<view class="fast-icon">
<text class="iconfont icon-shouye"></text>
</view>
<view class="fast-text">
<text>首页</text>
</view>
</view>
<!-- 客服 (仅微信小程序端显示) -->
<!-- #ifdef MP-WEIXIN -->
<button class="btn-normal" open-type="contact">
<view class="fast-item">
<view class="fast-icon">
<text class="iconfont icon-kefu1"></text>
</view>
<view class="fast-text">
<text>客服</text>
</view>
</view>
</button>
<!-- #endif -->
<!-- 购物车 -->
<view class="fast-item fast-item--cart" @click="onTargetCart">
<view v-if="cartTotal > 0" class="fast-badge fast-badge--fixed">{{ cartTotal > 99 ? '99+' : cartTotal }}
</view>
<view class="fast-icon">
<text class="iconfont icon-gouwuche"></text>
</view>
<view class="fast-text">
<text>购物车</text>
</view>
</view>
</view>
<!-- 操作按钮 -->
<view class="foo-item-btn">
<view class="btn-wrapper">
<view class="btn-item btn-item-deputy" @click="onShowSkuPopup(2)">
<text>加入购物车</text>
</view>
<view class="btn-item btn-item-main" @click="onShowSkuPopup(3)">
<text>立即购买</text>
</view>
</view>
</view>
</view>
</view> </view>
<!-- 快捷导航 --> <!-- 快捷导航 -->
@ -283,6 +230,10 @@
<style> <style>
page { page {
background: #fafafa; background: #fafafa;
}
.container{
min-height: 100vh;
} }
</style> </style>
<style lang="scss" scoped> <style lang="scss" scoped>

34
pages/index/components/goods.vue

@ -6,21 +6,25 @@
<view class="goods-item" v-for="(dataItem, index) in dataList" :key="index" @click="onTargetGoods(dataItem.goods_id)"> <view class="goods-item" v-for="(dataItem, index) in dataList" :key="index" @click="onTargetGoods(dataItem.goods_id)">
<!-- 多列商品 --> <!-- 多列商品 -->
<block> <block>
<!-- 商品图片 --> <!-- 标的图片 -->
<view class="goods-image"> <view class="goods-image">
<image class="image" mode="aspectFill" :src="dataItem.goods_image"></image> <image class="image" mode="aspectFill" :src="dataItem.goods_image"></image>
</view> </view>
<view class="detail"> <view class="detail">
<!-- 商品标题 --> <!-- 标的标题 -->
<view class="goods-name"> <view class="goods-name">
<text class="twoline-hide">{{ dataItem.goods_name }}</text> <text class="twoline-hide">{{ dataItem.goods_name }}</text>
</view> </view>
<!-- 商品价格 --> <!-- 标的价格 && 销量-->
<view class="detail-price oneline-hide"> <view class="detail-price oneline-hide">
<text class="goods-price f-30 col-m">{{ dataItem.goods_price_min }}</text> <text class="goods-price f-30 col-m">88888 {{ dataItem.goods_price }}</text>
<text v-if="dataItem.line_price_min > 0" <text class="sale-count col-9 f-24">销量110 {{ dataItem.sale_count }}</text>
class="line-price col-9 f-24">{{ dataItem.line_price_min }}</text>
</view> </view>
<!-- 标的所有者的信息 -->
<view class="detail-owner oneline-hide">
<text class="oneline-hide"> 产权交易所 </text>
</view>
</view> </view>
</block> </block>
@ -101,6 +105,8 @@
.detail { .detail {
padding: 8rpx; padding: 8rpx;
background: #fff; background: #fff;
border-radius: 0 0 6% 6%;
box-shadow: #333 2rpx 3rpx 2rpx;
.goods-name { .goods-name {
min-height: 68rpx; min-height: 68rpx;
@ -112,13 +118,23 @@
.detail-price { .detail-price {
.goods-price { .goods-price {
margin-right: 8rpx; font-weight: 800;
margin-right: 8rpx;
} }
.line-price { .sale-count {
text-decoration: line-through; maring-left:20rpx;
font-size: 18rpx;
} }
} }
.detail-owner{
padding: 4rpx;
font-size: 22rpx;
color: #999;
margin-left: 10rpx;
}
} }
} }

2
pages/order/detail.vue

@ -374,7 +374,7 @@
const app = this const app = this
uni.showModal({ uni.showModal({
title: '友情提示', title: '友情提示',
content: '确认收到商品了吗?', content: '确认收到标的了吗?',
success(o) { success(o) {
if (o.confirm) { if (o.confirm) {
OrderApi.receipt(orderId) OrderApi.receipt(orderId)

Loading…
Cancel
Save