xioayue
/
why_in_h5
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

调整标的界面显示

master
453530270@qq.com 2 years ago
parent
63dd384539
commit
3885dade23
8 changed files with 42 additions and 81 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  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
View File

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

14
pages.json
View File

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

2
pages/cart/index.vue
View File

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

2
pages/category/components/primary.vue
View File

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

2
pages/comment/index.vue
View File

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

65
pages/goods/detail.vue
View File

@ -65,73 +65,20 @@
<!-- 商品SKU弹窗 -->
<SkuPopup v-if="!isLoading" v-model="showSkuPopup" :skuMode="skuMode" :goods="goods" @addCart="onAddCart" />
<!-- 商品评价 -->
<!-- 标的评价 -->
<Comment v-if="!isLoading" :goods-id="goodsId" :limit="2" />
<!-- 商品描述 -->
<!-- 标的描述 -->
<view v-if="!isLoading" class="goods-content m-top20">
<view class="item-title b-f">
<text>商品描述</text>
<text>标的描述</text>
</view>
<block v-if="goods.content != ''">
<view class="goods-content__detail b-f">
<mp-html :content="goods.content" />
</view>
</block>
<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>
<empty v-else tips="亲，暂无描述" />
</view>
<!-- 快捷导航 -->
@ -283,6 +230,10 @@
<style>
page {
background: #fafafa;
}
.container{
min-height: 100vh;
}
</style>
<style lang="scss" scoped>

34
pages/index/components/goods.vue
View File

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

2
pages/order/detail.vue
View File

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

Write Preview
Loading…
Cancel
Save