Skip to content

U
uni-app-ddh-shop
Commit 56935461 authored by caimeng's avatar caimeng
Browse files
Options

修改商品详情内容

parent 8978b2a4
Expand all Show whitespace changes
Inline Side-by-side
Showing with 243 additions and 214 deletions
pages/index/index.vue
View file @ 56935461
...@@ -32,15 +32,10 @@ ...@@ -32,15 +32,10 @@
<!-- Banner 位 --> <!-- Banner 位 -->
<view v-if="index['bannerList']" class='i-banner'> <view v-if="index['bannerList']" class='i-banner'>
<swiper :autoplay="true" :interval="3000" :duration="1000" style="height: 359rpx;"> <swiper :autoplay="true" :interval="3000" :duration="1000" style="height: 359rpx;">
<!-- <swiper-item class='swiper-item-i' v-for="(item, index) in JSON.parse(index['bannerList'])" <swiper-item class='swiper-item-i' v-for="(item, index) in JSON.parse(index['bannerList'])"
:key="item.id" @click='jump(item, index, "banner")'> :key="item.id" @click='jump(item, index, "banner")'>
<image :src='item.url' class='banner-item'></image> <image :src='item.url' class='banner-item'></image>
</swiper-item> -->
<swiper-item class='swiper-item-i'>
<image src='https://ddh.yyhock.com/appStatic/i-banner-hhym.png' class='banner-item'></image>
</swiper-item> </swiper-item>
</swiper> </swiper>
</view> </view>
......
pages/my/index.vue
View file @ 56935461
...@@ -179,7 +179,7 @@ export default { ...@@ -179,7 +179,7 @@ export default {
try { try {
this.buryingPoint('app:my_contact_us_click') this.buryingPoint('app:my_contact_us_click')
const APP_SETTING = uni.getStorageSync('APP-SETTING'); const APP_SETTING = uni.getStorageSync('APP-SETTING');
const serviceCall = APP_SETTING ? JSON.parse(APP_SETTING)['serviceCall'] : '' const serviceCall = APP_SETTING ? JSON.parse(APP_SETTING)['phone'] : ''
this.handleCall(serviceCall) this.handleCall(serviceCall)
} catch (err) { } catch (err) {
console.log('日') console.log('日')
......
pages/sort/index.vue
View file @ 56935461
...@@ -75,17 +75,17 @@ ...@@ -75,17 +75,17 @@
"sort": "id desc" "sort": "id desc"
} }
console.log(parmas,'parmas') console.log(parmas,'parmas')
self.$request('/pawn/category/getGoodsPage','POST',parmas).then((res)=>{ self.$request('/app/goods/getGoodsPage','POST',parmas).then((res)=>{
console.log(res,'res') console.log(res,'res')
const {current,records,total,size}=res.result const {data,total}=res.result
const hasNextPage=total-self.pageSize*self.pageNum>0?true:false //是否有下一页 const hasNextPage=total-self.pageSize*self.pageNum>0?true:false //是否有下一页
if(self.loadFlag){ if(self.loadFlag){
console.log(33); console.log(33);
self.listIndex=self.listIndex.concat(records) self.listIndex=self.listIndex.concat(data)
}else{ }else{
console.log(34); console.log(34);
self.listIndex=records self.listIndex=data
} }
self.hasNextPage=hasNextPage self.hasNextPage=hasNextPage
self.loadFlag=false self.loadFlag=false
......
subPackage/productDetails/index.less
View file @ 56935461
.product-page{ .product-page {
width: 100%; width: 100%;
height: calc(100vh-20px); height: 100vh;
min-height: 2276rpx;
background: #F7FAFF; background: #F7FAFF;
box-sizing: border-box;
padding-bottom: 160rpx;
.p-banner{ .p-banner {
margin: 20rpx 29rpx 0; margin: 20rpx 30rpx 0;
.banner-item{ .banner-item {
display: block;
width: 690rpx; width: 690rpx;
height: 432rpx;
background-size: 690rpx 432rpx;
} }
} }
.p-box{
margin:30rpx; // 标题部分
.p-box {
margin: 30rpx;
width: 690rpx; width: 690rpx;
height: 100%;
background: #FFFFFF; background: #FFFFFF;
box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(232,232,232,0.49); box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(232, 232, 232, 0.49);
border-radius: 10rpx; border-radius: 10rpx;
.box-top{
.box-top {
display: flex; display: flex;
padding: 24rpx 0 30rpx 30rpx; padding: 24rpx 0 30rpx 30rpx;
width: 100%; width: 100%;
.top-text{
.top-text {
padding: 0 8rpx; padding: 0 8rpx;
font-family: PingFangSC, PingFang SC; font-family: PingFangSC, PingFang SC;
font-weight: 500; font-weight: 500;
...@@ -34,12 +36,17 @@ ...@@ -34,12 +36,17 @@
line-height: 42rpx; line-height: 42rpx;
text-align: left; text-align: left;
font-style: normal; font-style: normal;
white-space: nowrap; /* 确保文本在一行内显示 */ white-space: nowrap;
overflow: hidden; /* 隐藏超出容器的内容 */ /* 确保文本在一行内显示 */
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */ overflow: hidden;
word-break: break-all; /* 允许在单词内换行 */ /* 隐藏超出容器的内容 */
text-overflow: ellipsis;
/* 使用省略号表示被截断的文本 */
word-break: break-all;
/* 允许在单词内换行 */
} }
.top-text-s{
.top-text-s {
padding: 0 8rpx; padding: 0 8rpx;
width: 180rpx; width: 180rpx;
font-family: PingFangSC, PingFang SC; font-family: PingFangSC, PingFang SC;
...@@ -49,13 +56,18 @@ ...@@ -49,13 +56,18 @@
line-height: 42rpx; line-height: 42rpx;
text-align: left; text-align: left;
font-style: normal; font-style: normal;
white-space: nowrap; /* 确保文本在一行内显示 */ white-space: nowrap;
overflow: hidden; /* 隐藏超出容器的内容 */ /* 确保文本在一行内显示 */
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */ overflow: hidden;
word-break: break-all; /* 允许在单词内换行 */ /* 隐藏超出容器的内容 */
text-overflow: ellipsis;
/* 使用省略号表示被截断的文本 */
word-break: break-all;
/* 允许在单词内换行 */
} }
.top-btn{
margin-left:16rpx; .top-btn {
margin-left: 16rpx;
width: 54rpx; width: 54rpx;
height: 38rpx; height: 38rpx;
border-radius: 5rpx; border-radius: 5rpx;
...@@ -69,25 +81,28 @@ ...@@ -69,25 +81,28 @@
font-style: normal; font-style: normal;
} }
} }
.box-footer{
.box-footer {
padding: 30rpx 20rpx 32rpx 33rpx; padding: 30rpx 20rpx 32rpx 33rpx;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
font-family: PingFangSC, PingFang SC; font-family: PingFangSC, PingFang SC;
font-weight: 400; font-weight: 400;
.footer-l{
.footer-l {
font-size: 56rpx; font-size: 56rpx;
color: #FC4D3E; color: #FC4D3E;
line-height: 56rpx; line-height: 56rpx;
text-align: left; text-align: left;
font-style: normal; font-style: normal;
text{ text {
font-size: 40rpx; font-size: 40rpx;
} }
} }
.footer-r{
.footer-r {
font-size: 24rpx; font-size: 24rpx;
color: #999999; color: #999999;
...@@ -97,76 +112,73 @@ ...@@ -97,76 +112,73 @@
} }
} }
} }
.p-detail{
// 详情部分
.p-detail {
margin: 0 30rpx; margin: 0 30rpx;
margin-bottom: 130rpx;
width: 690rpx; width: 690rpx;
height: 100%;
background: #FFFFFF; background: #FFFFFF;
box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(232,232,232,0.49); box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(232, 232, 232, 0.49);
border-radius: 10rpx; border-radius: 10rpx;
.det-text{
padding:25rpx; .det-text {
padding: 25rpx;
width: 639rpx; width: 639rpx;
// height: 250rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 28rpx; font-size: 28rpx;
color: #333333; color: #333333;
line-height: 50rpx; line-height: 50rpx;
text-align: left;
font-style: normal;
} }
.det-imglist{
display: flex;
margin: 0 13rpx;
// justify-content: space-between;
flex-wrap: wrap;
.list-item{
width: 332rpx; .det-imglist {
// height: 305rpx;
.img-f{ .list-item {
width: 332rpx; width: 690rpx;
height: 305rpx; display: flex;
background-size: 332rpx 305rpx; flex-direction: column;
margin-bottom:20rpx; align-items: center;
.img-f {
display: block;
margin-bottom: 20rpx;
} }
} }
} }
} }
.p-footer{
.p-footer {
position: fixed; position: fixed;
bottom:0; bottom: 0;
width: 1000%; width: 1000%;
height: 140rpx; height: 140rpx;
background: #FFFFFF; background: #FFFFFF;
display: flex; display: flex;
align-items: center; align-items: center;
.footer-l{
.footer-l {
display: flex; display: flex;
margin:38rpx 76rpx 21rpx 40rpx; margin: 38rpx 76rpx 21rpx 40rpx;
.l-attention{
.l-attention {
.a-icon{ .a-icon {
margin-left:12rpx; margin-left: 12rpx;
width: 40rpx; width: 40rpx;
height: 40rpx; height: 40rpx;
background: url('https://ddh.yyhock.com/ddhMall/attention.png') 0 0 no-repeat; background: url('https://ddh.yyhock.com/ddhMall/attention.png') 0 0 no-repeat;
background-size: 100%; background-size: 100%;
} }
.a-icon-show{
margin-left:12rpx; .a-icon-show {
margin-left: 12rpx;
width: 40rpx; width: 40rpx;
height: 40rpx; height: 40rpx;
background: url('https://ddh.yyhock.com/ddhMall/attention-show.png') 0 0 no-repeat; background: url('https://ddh.yyhock.com/ddhMall/attention-show.png') 0 0 no-repeat;
background-size: 100%; background-size: 100%;
} }
.a-text{
padding-top:10rpx; .a-text {
padding-top: 10rpx;
width: 72rpx; width: 72rpx;
height: 33rpx; height: 33rpx;
font-family: PingFangSC, PingFang SC; font-family: PingFangSC, PingFang SC;
...@@ -177,29 +189,33 @@ ...@@ -177,29 +189,33 @@
text-align: center; text-align: center;
font-style: normal; font-style: normal;
} }
.a-texts{
padding-top:10rpx; .a-texts {
padding-top: 10rpx;
width: 72rpx; width: 72rpx;
height: 33rpx; height: 33rpx;
font-family: PingFangSC, PingFang SC; font-family: PingFangSC, PingFang SC;
font-weight: 400; font-weight: 400;
font-size: 24rpx; font-size: 24rpx;
color:#FC4D3E; color: #FC4D3E;
line-height: 33rpx; line-height: 33rpx;
text-align: center; text-align: center;
font-style: normal; font-style: normal;
} }
} }
.l-tel{
.l-tel {
margin-left: 57rpx; margin-left: 57rpx;
.tel-icon{
.tel-icon {
width: 40rpx; width: 40rpx;
height: 40rpx; height: 40rpx;
background: url('https://ddh.yyhock.com/ddhMall/tel-icon.png') 0 0 no-repeat; background: url('https://ddh.yyhock.com/ddhMall/tel-icon.png') 0 0 no-repeat;
background-size: 100%; background-size: 100%;
} }
.tel-text{
padding-top:10rpx; .tel-text {
padding-top: 10rpx;
height: 33rpx; height: 33rpx;
font-family: PingFangSC, PingFang SC; font-family: PingFangSC, PingFang SC;
font-weight: 400; font-weight: 400;
...@@ -211,7 +227,8 @@ ...@@ -211,7 +227,8 @@
} }
} }
} }
.footer-r{
.footer-r {
width: 451rpx; width: 451rpx;
height: 95rpx; height: 95rpx;
background: #FF6F26; background: #FF6F26;
...@@ -227,25 +244,29 @@ ...@@ -227,25 +244,29 @@
} }
// 弹窗 // 弹窗
.infrom-modal{ .infrom-modal {
.modal-header{ .modal-header {
display: flex; display: flex;
margin:0 31rpx; margin: 0 31rpx;
border-top: 1rpx solid #E9E9E9; border-top: 1rpx solid #E9E9E9;
.header-l{
.header-l {
margin-top: 21rpx; margin-top: 21rpx;
image{
image {
width: 333rpx; width: 333rpx;
height: 272rpx; height: 272rpx;
background-size: 333rpx 272rpx; background-size: 333rpx 272rpx;
background: #9CA5B9; background: #9CA5B9;
} }
} }
.header-r{
.header-r {
margin-top: 33rpx; margin-top: 33rpx;
margin-left: 35rpx; margin-left: 35rpx;
.r-prise{
.r-prise {
height: 70rpx; height: 70rpx;
font-family: PingFangSC, PingFang SC; font-family: PingFangSC, PingFang SC;
font-weight: 500; font-weight: 500;
...@@ -254,11 +275,13 @@ ...@@ -254,11 +275,13 @@
line-height: 56rpx; line-height: 56rpx;
text-align: left; text-align: left;
font-style: normal; font-style: normal;
.prise-icon{
.prise-icon {
font-size: 40rpx; font-size: 40rpx;
} }
} }
.r-num{
.r-num {
margin: 23rpx 0 34rpx; margin: 23rpx 0 34rpx;
height: 40rpx; height: 40rpx;
font-family: PingFangSC, PingFang SC; font-family: PingFangSC, PingFang SC;
...@@ -269,7 +292,8 @@ ...@@ -269,7 +292,8 @@
text-align: left; text-align: left;
font-style: normal; font-style: normal;
} }
.r-text{
.r-text {
height: 42rpx; height: 42rpx;
font-family: PingFangSC, PingFang SC; font-family: PingFangSC, PingFang SC;
...@@ -282,15 +306,18 @@ ...@@ -282,15 +306,18 @@
} }
} }
} }
.modal-mian{
margin:33rpx 31rpx 0; .modal-mian {
padding-bottom:49rpx; margin: 33rpx 31rpx 0;
padding-bottom: 49rpx;
border-top: 1rpx solid #E9E9E9; border-top: 1rpx solid #E9E9E9;
border-bottom: 1rpx solid #E9E9E9; border-bottom: 1rpx solid #E9E9E9;
.main-number{
margin-top:40rpx; .main-number {
margin-top: 40rpx;
display: flex; display: flex;
.number-text{
.number-text {
margin-left: 40rpx; margin-left: 40rpx;
padding-right: 40rpx; padding-right: 40rpx;
font-family: PingFangSC, PingFang SC; font-family: PingFangSC, PingFang SC;
...@@ -301,18 +328,21 @@ ...@@ -301,18 +328,21 @@
text-align: left; text-align: left;
font-style: normal; font-style: normal;
} }
.number-line{
margin-left:42%; .number-line {
margin-left: 42%;
display: flex; display: flex;
.line-minus{
.line-minus {
margin-top: 8rpx; margin-top: 8rpx;
width: 48rpx; width: 48rpx;
height:48rpx; height: 48rpx;
background: url('https://ddh.yyhock.com/ddhMall/minu-icon.png') 0 0 no-repeat; background: url('https://ddh.yyhock.com/ddhMall/minu-icon.png') 0 0 no-repeat;
background-size: 100%; background-size: 100%;
} }
.line-count{
.line-count {
margin: 8rpx 10rpx; margin: 8rpx 10rpx;
width: 68rpx; width: 68rpx;
height: 48rpx; height: 48rpx;
...@@ -325,7 +355,8 @@ ...@@ -325,7 +355,8 @@
text-align: center; text-align: center;
} }
.line-add{
.line-add {
margin-top: 8rpx; margin-top: 8rpx;
width: 48rpx; width: 48rpx;
height: 48rpx; height: 48rpx;
...@@ -336,10 +367,11 @@ ...@@ -336,10 +367,11 @@
} }
} }
} }
.modal-btn{
margin:0 40rpx; .modal-btn {
margin: 0 40rpx;
position: fixed; position: fixed;
bottom:10rpx; bottom: 10rpx;
right: 0; right: 0;
width: 670rpx; width: 670rpx;
height: 88rpx; height: 88rpx;
......
subPackage/productDetails/productDetails.vue
View file @ 56935461
<template> <template>
<view class='product-page' v-show="productInfo!=null"> <view class='product-page' v-show="productInfo!=null">
<view class='p-banner' v-show="goodsImage!=''"> <view class='p-banner' v-show="goodsImage!=''">
<image :src='goodsImage' class='banner-item'></image> <image :src='goodsImage' mode="widthFix" class='banner-item'></image>
</view> </view>
<view class="p-box"> <view class="p-box">
<view class='box-top'> <view class='box-top'>
...@@ -14,15 +14,17 @@ ...@@ -14,15 +14,17 @@
<view class='footer-r'>{{lookSum}}次浏览</view> <view class='footer-r'>{{lookSum}}次浏览</view>
</view> </view>
</view> </view>
<view class='p-detail' > <view class='p-detail' >
<view class='det-text'>{{goodsDesc}}</view> <view class='det-text'>{{goodsDesc}}</view>
<view class="det-imglist" > <view class="det-imglist" >
<view class='list-item' v-for="item in bannerList" :key="item.id"> <view class='list-item' v-for="item in bannerList" :key="item.id">
<image class='img-f' :src='item'></image> <image class='img-f' mode="widthFix" :src='item'></image>
</view> </view>
</view> </view>
</view> </view>
<view class='p-footer'> <view class='p-footer'>
<view class='footer-l'> <view class='footer-l'>
<view class='l-attention' @click="Clickatten"> <view class='l-attention' @click="Clickatten">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment