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 @@
<!-- Banner 位 -->
<view v-if="index['bannerList']" class='i-banner'>
<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")'>
<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>
</view>
......
pages/my/index.vue
View file @ 56935461
......@@ -179,7 +179,7 @@ export default {
try {
this.buryingPoint('app:my_contact_us_click')
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)
} catch (err) {
console.log('日')
......
pages/sort/index.vue
View file @ 56935461
......@@ -75,17 +75,17 @@
"sort": "id desc"
}
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')
const {current,records,total,size}=res.result
const {data,total}=res.result
const hasNextPage=total-self.pageSize*self.pageNum>0?true:false //是否有下一页
if(self.loadFlag){
console.log(33);
self.listIndex=self.listIndex.concat(records)
self.listIndex=self.listIndex.concat(data)
}else{
console.log(34);
self.listIndex=records
self.listIndex=data
}
self.hasNextPage=hasNextPage
self.loadFlag=false
......
subPackage/productDetails/index.less
View file @ 56935461
.product-page{
.product-page {
width: 100%;
height: calc(100vh-20px);
min-height: 2276rpx;
height: 100vh;
background: #F7FAFF;
box-sizing: border-box;
padding-bottom: 160rpx;
.p-banner{
margin: 20rpx 29rpx 0;
.p-banner {
margin: 20rpx 30rpx 0;
.banner-item{
.banner-item {
display: block;
width: 690rpx;
height: 432rpx;
background-size: 690rpx 432rpx;
}
}
.p-box{
margin:30rpx;
// 标题部分
.p-box {
margin: 30rpx;
width: 690rpx;
height: 100%;
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;
.box-top{
.box-top {
display: flex;
padding: 24rpx 0 30rpx 30rpx;
width: 100%;
.top-text{
.top-text {
padding: 0 8rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 500;
......@@ -34,12 +36,17 @@
line-height: 42rpx;
text-align: left;
font-style: normal;
white-space: nowrap; /* 确保文本在一行内显示 */
overflow: hidden; /* 隐藏超出容器的内容 */
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
word-break: break-all; /* 允许在单词内换行 */
white-space: nowrap;
/* 确保文本在一行内显示 */
overflow: hidden;
/* 隐藏超出容器的内容 */
text-overflow: ellipsis;
/* 使用省略号表示被截断的文本 */
word-break: break-all;
/* 允许在单词内换行 */
}
.top-text-s{
.top-text-s {
padding: 0 8rpx;
width: 180rpx;
font-family: PingFangSC, PingFang SC;
......@@ -49,13 +56,18 @@
line-height: 42rpx;
text-align: left;
font-style: normal;
white-space: nowrap; /* 确保文本在一行内显示 */
overflow: hidden; /* 隐藏超出容器的内容 */
text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */
word-break: break-all; /* 允许在单词内换行 */
white-space: nowrap;
/* 确保文本在一行内显示 */
overflow: hidden;
/* 隐藏超出容器的内容 */
text-overflow: ellipsis;
/* 使用省略号表示被截断的文本 */
word-break: break-all;
/* 允许在单词内换行 */
}
.top-btn{
margin-left:16rpx;
.top-btn {
margin-left: 16rpx;
width: 54rpx;
height: 38rpx;
border-radius: 5rpx;
......@@ -69,25 +81,28 @@
font-style: normal;
}
}
.box-footer{
.box-footer {
padding: 30rpx 20rpx 32rpx 33rpx;
display: flex;
align-items: center;
justify-content: space-between;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
.footer-l{
.footer-l {
font-size: 56rpx;
color: #FC4D3E;
line-height: 56rpx;
text-align: left;
font-style: normal;
text{
text {
font-size: 40rpx;
}
}
.footer-r{
.footer-r {
font-size: 24rpx;
color: #999999;
......@@ -97,76 +112,73 @@
}
}
}
.p-detail{
// 详情部分
.p-detail {
margin: 0 30rpx;
margin-bottom: 130rpx;
width: 690rpx;
height: 100%;
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;
.det-text{
padding:25rpx;
.det-text {
padding: 25rpx;
width: 639rpx;
// height: 250rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 28rpx;
color: #333333;
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;
// height: 305rpx;
.img-f{
width: 332rpx;
height: 305rpx;
background-size: 332rpx 305rpx;
margin-bottom:20rpx;
.det-imglist {
.list-item {
width: 690rpx;
display: flex;
flex-direction: column;
align-items: center;
.img-f {
display: block;
margin-bottom: 20rpx;
}
}
}
}
.p-footer{
.p-footer {
position: fixed;
bottom:0;
bottom: 0;
width: 1000%;
height: 140rpx;
background: #FFFFFF;
display: flex;
align-items: center;
.footer-l{
.footer-l {
display: flex;
margin:38rpx 76rpx 21rpx 40rpx;
.l-attention{
margin: 38rpx 76rpx 21rpx 40rpx;
.l-attention {
.a-icon{
margin-left:12rpx;
.a-icon {
margin-left: 12rpx;
width: 40rpx;
height: 40rpx;
background: url('https://ddh.yyhock.com/ddhMall/attention.png') 0 0 no-repeat;
background-size: 100%;
}
.a-icon-show{
margin-left:12rpx;
.a-icon-show {
margin-left: 12rpx;
width: 40rpx;
height: 40rpx;
background: url('https://ddh.yyhock.com/ddhMall/attention-show.png') 0 0 no-repeat;
background-size: 100%;
}
.a-text{
padding-top:10rpx;
.a-text {
padding-top: 10rpx;
width: 72rpx;
height: 33rpx;
font-family: PingFangSC, PingFang SC;
......@@ -177,29 +189,33 @@
text-align: center;
font-style: normal;
}
.a-texts{
padding-top:10rpx;
.a-texts {
padding-top: 10rpx;
width: 72rpx;
height: 33rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 24rpx;
color:#FC4D3E;
color: #FC4D3E;
line-height: 33rpx;
text-align: center;
font-style: normal;
}
}
.l-tel{
.l-tel {
margin-left: 57rpx;
.tel-icon{
.tel-icon {
width: 40rpx;
height: 40rpx;
background: url('https://ddh.yyhock.com/ddhMall/tel-icon.png') 0 0 no-repeat;
background-size: 100%;
}
.tel-text{
padding-top:10rpx;
.tel-text {
padding-top: 10rpx;
height: 33rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
......@@ -211,7 +227,8 @@
}
}
}
.footer-r{
.footer-r {
width: 451rpx;
height: 95rpx;
background: #FF6F26;
......@@ -227,25 +244,29 @@
}
// 弹窗
.infrom-modal{
.infrom-modal {
.modal-header{
.modal-header {
display: flex;
margin:0 31rpx;
margin: 0 31rpx;
border-top: 1rpx solid #E9E9E9;
.header-l{
.header-l {
margin-top: 21rpx;
image{
image {
width: 333rpx;
height: 272rpx;
background-size: 333rpx 272rpx;
background: #9CA5B9;
}
}
.header-r{
.header-r {
margin-top: 33rpx;
margin-left: 35rpx;
.r-prise{
.r-prise {
height: 70rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 500;
......@@ -254,11 +275,13 @@
line-height: 56rpx;
text-align: left;
font-style: normal;
.prise-icon{
.prise-icon {
font-size: 40rpx;
}
}
.r-num{
.r-num {
margin: 23rpx 0 34rpx;
height: 40rpx;
font-family: PingFangSC, PingFang SC;
......@@ -269,7 +292,8 @@
text-align: left;
font-style: normal;
}
.r-text{
.r-text {
height: 42rpx;
font-family: PingFangSC, PingFang SC;
......@@ -282,15 +306,18 @@
}
}
}
.modal-mian{
margin:33rpx 31rpx 0;
padding-bottom:49rpx;
.modal-mian {
margin: 33rpx 31rpx 0;
padding-bottom: 49rpx;
border-top: 1rpx solid #E9E9E9;
border-bottom: 1rpx solid #E9E9E9;
.main-number{
margin-top:40rpx;
.main-number {
margin-top: 40rpx;
display: flex;
.number-text{
.number-text {
margin-left: 40rpx;
padding-right: 40rpx;
font-family: PingFangSC, PingFang SC;
......@@ -301,18 +328,21 @@
text-align: left;
font-style: normal;
}
.number-line{
margin-left:42%;
.number-line {
margin-left: 42%;
display: flex;
.line-minus{
.line-minus {
margin-top: 8rpx;
width: 48rpx;
height:48rpx;
height: 48rpx;
background: url('https://ddh.yyhock.com/ddhMall/minu-icon.png') 0 0 no-repeat;
background-size: 100%;
}
.line-count{
.line-count {
margin: 8rpx 10rpx;
width: 68rpx;
height: 48rpx;
......@@ -325,7 +355,8 @@
text-align: center;
}
.line-add{
.line-add {
margin-top: 8rpx;
width: 48rpx;
height: 48rpx;
......@@ -336,10 +367,11 @@
}
}
}
.modal-btn{
margin:0 40rpx;
.modal-btn {
margin: 0 40rpx;
position: fixed;
bottom:10rpx;
bottom: 10rpx;
right: 0;
width: 670rpx;
height: 88rpx;
......
subPackage/productDetails/productDetails.vue
View file @ 56935461
<template>
<view class='product-page' v-show="productInfo!=null">
<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 class="p-box">
<view class='box-top'>
......@@ -14,15 +14,17 @@
<view class='footer-r'>{{lookSum}}次浏览</view>
</view>
</view>
<view class='p-detail' >
<view class='det-text'>{{goodsDesc}}</view>
<view class="det-imglist" >
<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 class='p-footer'>
<view class='footer-l'>
<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