修改首页样式

This commit is contained in:
@fawn-nine
2024-05-23 15:47:47 +08:00
5 changed files with 96 additions and 69 deletions

View File

@@ -12,8 +12,8 @@
"src" : "图片路径" "src" : "图片路径"
} }
], ],
"versionName" : "1.2.44", "versionName" : "1.2.45",
"versionCode" : 1244, "versionCode" : 1245,
"app-plus" : { "app-plus" : {
"compatible" : { "compatible" : {
"ignoreVersion" : true "ignoreVersion" : true
@@ -22,7 +22,7 @@
"prompt" : "template", "prompt" : "template",
"template" : { "template" : {
"title" : "用户协议和隐私政策", "title" : "用户协议和隐私政策",
"message" : "请你务必审慎阅读、充分理解“隐私政策”各条款,包括但不限于:为了更好的向你提供服务,我们需要收集你的设备标识、操作日志等信息用于分析、优化应用性能。<br/>  你可阅读<a href='https://main.nuttyreading.com/agreement.html'>《用户协议》</a>和<a href='https://main.nuttyreading.com/privacy.html'>《隐私协议》</a>了解详细信息。如果你同意,请点击下面按钮开始接受我们的服务。", "message" : "请你务必审慎阅读、充分理解“隐私政策”各条款,包括但不限于:为了更好的向你提供服务,我们需要收集你的设备标识、操作日志等信息用于分析、优化应用性能。<br/>  你可阅读<a href='https://www.nuttyreading.com/agreement.html'>《用户协议》</a>和<a href='https://www.nuttyreading.com/privacy.html'>《隐私协议》</a>了解详细信息。如果你同意,请点击下面按钮开始接受我们的服务。",
"buttonAccept" : "同意", "buttonAccept" : "同意",
"buttonRefuse" : "暂不同意" "buttonRefuse" : "暂不同意"
} }

View File

@@ -635,7 +635,8 @@
orderStatus: 0, //订单状态 orderStatus: 0, //订单状态
productList: xiaBiao, //订单列表商品 productList: xiaBiao, //订单列表商品
orderType: "order", //订单类型 orderType: "order", //订单类型
addressId: this.adressMoRen.id // 地址ID addressId: this.adressMoRen.id, // 地址ID
jfDeduction:0,//积分抵扣
} }
$http.request({ $http.request({
// url: "book/buyOrder/buySave", // url: "book/buyOrder/buySave",
@@ -673,9 +674,9 @@
title: "支付成功" title: "支付成功"
}); });
setTimeout(() => { setTimeout(() => {
uni.switchTab({ uni.navigateTo({
url: './orderList' url: '/pages/bookShop/orderList'
}); });
// uni.navigateTo({ // uni.navigateTo({
// url: './orderList' // url: './orderList'
// }); // });
@@ -707,9 +708,9 @@
title: "支付成功" title: "支付成功"
}); });
setTimeout(() => { setTimeout(() => {
uni.switchTab({ uni.navigateTo({
url: './orderList' url: '/pages/bookShop/orderList'
}); });
}, 1000) }, 1000)
} else { } else {
console.log(res) console.log(res)
@@ -732,12 +733,12 @@
// 天医币支付 // 天医币支付
uni.showToast({ uni.showToast({
title: "购买成功", title: "购买成功",
icon: "success" icon: "success"
}); });
setTimeout(() => { setTimeout(() => {
uni.switchTab({ uni.navigateTo({
url: './orderList' url: '/pages/bookShop/orderList'
}); });
}, 1000) }, 1000)
} }
} }

View File

@@ -661,9 +661,9 @@
title: "支付成功" title: "支付成功"
}); });
setTimeout(() => { setTimeout(() => {
uni.switchTab({ uni.navigateTo({
url: './orderList' url: '/pages/bookShop/orderList'
}); });
// uni.navigateTo({ // uni.navigateTo({
// url: './orderList' // url: './orderList'
// }); // });
@@ -695,9 +695,9 @@
title: "支付成功" title: "支付成功"
}); });
setTimeout(() => { setTimeout(() => {
uni.switchTab({ uni.navigateTo({
url: './orderList' url: '/pages/bookShop/orderList'
}); });
}, 1000) }, 1000)
} else { } else {
console.log(res) console.log(res)
@@ -718,14 +718,15 @@
}) })
}else if(this.payType == 4){ }else if(this.payType == 4){
// 天医币支付 // 天医币支付
// console.log('到这里--------',res)
uni.showToast({ uni.showToast({
title: "购买成功", title: "购买成功",
icon: "success" icon: "success"
}); });
setTimeout(() => { setTimeout(() => {
uni.switchTab({ uni.navigateTo({
url: './orderList' url: '/pages/bookShop/orderList'
}); });
}, 1000) }, 1000)
} }
} }

View File

@@ -133,10 +133,19 @@
<b></b> <b></b>
<text>新书上市</text> <text>新书上市</text>
</view> --> </view> -->
<view class="search_box flexbox" @click="onPageJump('../peanut/searchFor')">
<view class="search">
<text class="icon_search"></text>
<text class="prompt">请输入书名</text>
</view>
<view class="searBtn">
<text>书名检索</text>
</view>
</view>
<!-- 营销标签 --> <!-- 营销标签 -->
<scroll-view class="scroll-view_H " scroll-x="true" scroll-left="0"> <scroll-view class=" yxTagBox" scroll-x="true">
<view class="ProTabs"> <view class="ProTabs flexbox">
<text v-for="(item,index) in yingxiaoTags" :key="item.id" :class="[yxCurIndex == index ? 'cur' :'']" <text v-for="(item,index) in yingxiaoTags" :key="item.id" :class="[yxCurIndex == index ? 'cur' :'']"
@click="yxTabsChange(item,index)">{{item.title}}</text> @click="yxTabsChange(item,index)">{{item.title}}</text>
</view> </view>
@@ -224,30 +233,18 @@
<!-- <i @click="onPageJump('../bookShop/classify')">查看更多 ></i> --> <!-- <i @click="onPageJump('../bookShop/classify')">查看更多 ></i> -->
<!-- </view> --> <!-- </view> -->
<view class="search_box flexbox" @click="onPageJump('../peanut/searchFor')">
<view class="search">
<text class="icon_search"></text>
<text class="prompt">请输入书名</text>
</view>
<view class="searBtn">
<text>书名检索</text>
</view>
</view>
<scroll-view class="ProTabsBox"> <scroll-view class="ProTabsBox">
<view class="New_ProTabs flexbox"> <view class="New_ProTabs flexbox">
<text v-for="(item,index) in catTagList" :key="item.splId" :class="[tabsid == item.id ? 'cur' :'']" <text v-for="(item,index) in catTagList" :key="item.splId" :class="[tabsid == item.id ? 'cur' :'']"
@click="tabsChange(item,index)">{{item.title}}</text> @click="tabsChange(item,index)">{{item.title}}</text>
</view> </view>
</scroll-view> </scroll-view>
<view class="children_cate flexbox" v-if="childrenCatList && childrenCatList.length > 0"> <view class="children_cate_box " v-if="childrenCatList && childrenCatList.length > 0">
<view class="children_cate flexbox">
<view @click="childrenChange(item,index)" :class="['item',curChildrenId == item.id ? 'cur':'']" <view @click="childrenChange(item,index)" :class="['item',curChildrenId == item.id ? 'cur':'']"
v-for="(item, index) in childrenCatList" :key="item.id"> v-for="(item, index) in childrenCatList" :key="item.id">
<text>{{item.title}}</text> <text>{{item.title}}</text>
</view>
</view> </view>
</view> </view>
<!-- 商品展示 --> <!-- 商品展示 -->
@@ -516,7 +513,7 @@
tag_id = this.yingxiaoTags[0].id tag_id = this.yingxiaoTags[0].id
} else { } else {
tag_id = item.id tag_id = item.id
} }
this.$http this.$http
.post('book/labelAndMarket/getShopProductListByMarketId', { .post('book/labelAndMarket/getShopProductListByMarketId', {
'marketId': tag_id 'marketId': tag_id
@@ -524,12 +521,12 @@
.then(res => { .then(res => {
if (res.code == 0 && res.result.length > 0) { if (res.code == 0 && res.result.length > 0) {
this.YXBookList = res.result this.YXBookList = res.result
}else{ } else {
this.YXBookList = [] this.YXBookList = []
} }
// console.log(res.result, '营销商品列表') // console.log(res.result, '营销商品列表')
}).catch( e =>{ }).catch(e => {
this.YXBookList = [] this.YXBookList = []
}); });
}, },
@@ -574,7 +571,7 @@
this.getJtData(this.childrenCatList[index].id) this.getJtData(this.childrenCatList[index].id)
}, },
tabsChange(item, cindex) { tabsChange(item, cindex) {
// this.tjProList = [] // this.tjProList = []
this.tabsid = item.id this.tabsid = item.id
this.childrenCatList = [] this.childrenCatList = []
if (this.catTagList[cindex].isLast == 1) { if (this.catTagList[cindex].isLast == 1) {
@@ -610,7 +607,7 @@
// this.getJtData() // this.getJtData()
}, },
getJtData(cid) { getJtData(cid) {
this.$http this.$http
// .post('book/label/list',{ // .post('book/label/list',{
.post('book/labelAndMarket/getShopProductListByLabelId', { .post('book/labelAndMarket/getShopProductListByLabelId', {
@@ -909,36 +906,46 @@
<style lang="scss" scoped> <style lang="scss" scoped>
@import '@/style/mixin.scss'; @import '@/style/mixin.scss';
.yxTagBox {}
.children_cate_box {
padding: 0 10px;
}
.children_cate { .children_cate {
border-radius: 5px;
justify-content: space-evenly; justify-content: space-evenly;
padding: 0 10rpx;
background-color: #fff; background-color: #eee;
display: flex; display: flex;
justify-items: normal; justify-items: normal;
padding-top: 12rpx; padding-top: 12rpx;
overflow: hidden; overflow: hidden;
padding-bottom: 10rpx; padding-bottom: 10rpx;
.item { .item {
width: 100%; text-align: center; width: 100%;
margin-right: 1px; text-align: center;
font-size: 32rpx; align-items: center;
padding: 10rpx; border-right: 1px solid #acacac33;
color: #fff; font-size: 28rpx;
// background-color: #55aa7f;
background-color: #eee;
color: #333; color: #333;
border-radius: 10rpx; // border-radius: 10rpx;
} }
.item:last-child { .item:last-child {
margin-right: 0; margin-right: 0;
border-right: none;
} }
.cur { .cur {
color: #55aa7f; font-weight: bold; color: #55aa7f;
font-weight: bold;
border-radius: 5rpx; border-radius: 5rpx;
} }
} }
.fiveIcon { .fiveIcon {
@@ -986,6 +993,7 @@
.ProTabs { .ProTabs {
// margin: 20rpx 0; // margin: 20rpx 0;
padding: 0 20rpx; padding: 0 20rpx;
align-items: center;
text { text {
@@ -994,37 +1002,54 @@
display: inline-block; display: inline-block;
border-radius: 10rpx; border-radius: 10rpx;
overflow: hidden; overflow: hidden;
// background-color: #eee; background-color: #dfeae2;
color: #55aa7f; color: #0e583a; font-weight: bold;
margin-right: 10rpx; margin-right: 10rpx;
display: block;
width: 100%;
text-align: center;
} }
text.cur { text.cur {
background-color: #55aa7f; background-color: #55aa7f;
color: #fff; color: #fff;
} }
text:last-child {
margin-right: 0;
}
}
.ProTabsBox {
margin-top: 10px;
padding-bottom: 3px;
} }
.New_ProTabs { .New_ProTabs {
justify-content: space-between; justify-content: space-between;
background-color: #fff; background-color: #fff;
padding-left: 5px; padding-right: 5px; padding-left: 10px;
padding-right: 10px;
text { text {
// max-width: 12.5%; // max-width: 12.5%;
// background-color: #56565633; background-color: #dfeae2;
color: #0e583a;
font-size: 32rpx; font-size: 32rpx;
padding: 5px 3px; padding: 5px 3px;
font-weight: bold; font-weight: bold;
display: block; display: block;
width: 100%; width: 100%;
margin-right: 5px;
border-radius: 10rpx; border-radius: 10rpx;
overflow: hidden; overflow: hidden;
// background-color: #eee;
color: #333;
// white-space:wrap !important;
text-align: center; text-align: center;
} }
text:last-child {
margin-right: 0;
}
text.cur { text.cur {
background-color: #55aa7f; background-color: #55aa7f;
color: #fff; color: #fff;
@@ -1057,7 +1082,7 @@
.scroll-view_H { .scroll-view_H {
background-color: #fff; background-color: #fff;
white-space: nowrap; white-space: nowrap;
padding: 10rpx; padding: 10px;
margin-top: 12rpx; margin-top: 12rpx;
} }
@@ -1166,7 +1191,7 @@
.search_box { .search_box {
margin: 20rpx auto 10rpx auto; margin: 20rpx auto 10rpx auto;
align-items: center; align-items: center;
width: calc(100% - 30rpx); width: calc(100% - 40rpx);
margin-bottom: 20rpx; margin-bottom: 20rpx;
.search { .search {

Binary file not shown.