首页样式修改
This commit is contained in:
@@ -6,10 +6,12 @@
|
|||||||
"request" : 3000
|
"request" : 3000
|
||||||
},
|
},
|
||||||
"transformPx" : false,
|
"transformPx" : false,
|
||||||
"icons": [{
|
"icons" : [
|
||||||
|
{
|
||||||
"sizes" : "分辨率,192x192",
|
"sizes" : "分辨率,192x192",
|
||||||
"src" : "图片路径"
|
"src" : "图片路径"
|
||||||
}],
|
}
|
||||||
|
],
|
||||||
"versionName" : "1.2.43",
|
"versionName" : "1.2.43",
|
||||||
"versionCode" : 1243,
|
"versionCode" : 1243,
|
||||||
"app-plus" : {
|
"app-plus" : {
|
||||||
@@ -20,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" : "暂不同意"
|
||||||
}
|
}
|
||||||
@@ -252,3 +254,4 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
// 小程序特有相关
|
// 小程序特有相关
|
||||||
|
|
||||||
|
|||||||
@@ -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,8 +674,8 @@
|
|||||||
title: "支付成功"
|
title: "支付成功"
|
||||||
});
|
});
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
uni.switchTab({
|
uni.navigateTo({
|
||||||
url: './orderList'
|
url: '/pages/bookShop/orderList'
|
||||||
});
|
});
|
||||||
// uni.navigateTo({
|
// uni.navigateTo({
|
||||||
// url: './orderList'
|
// url: './orderList'
|
||||||
@@ -707,8 +708,8 @@
|
|||||||
title: "支付成功"
|
title: "支付成功"
|
||||||
});
|
});
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
uni.switchTab({
|
uni.navigateTo({
|
||||||
url: './orderList'
|
url: '/pages/bookShop/orderList'
|
||||||
});
|
});
|
||||||
}, 1000)
|
}, 1000)
|
||||||
} else {
|
} else {
|
||||||
@@ -735,8 +736,8 @@
|
|||||||
icon: "success"
|
icon: "success"
|
||||||
});
|
});
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
uni.switchTab({
|
uni.navigateTo({
|
||||||
url: './orderList'
|
url: '/pages/bookShop/orderList'
|
||||||
});
|
});
|
||||||
}, 1000)
|
}, 1000)
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -661,8 +661,8 @@
|
|||||||
title: "支付成功"
|
title: "支付成功"
|
||||||
});
|
});
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
uni.switchTab({
|
uni.navigateTo({
|
||||||
url: './orderList'
|
url: '/pages/bookShop/orderList'
|
||||||
});
|
});
|
||||||
// uni.navigateTo({
|
// uni.navigateTo({
|
||||||
// url: './orderList'
|
// url: './orderList'
|
||||||
@@ -695,8 +695,8 @@
|
|||||||
title: "支付成功"
|
title: "支付成功"
|
||||||
});
|
});
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
uni.switchTab({
|
uni.navigateTo({
|
||||||
url: './orderList'
|
url: '/pages/bookShop/orderList'
|
||||||
});
|
});
|
||||||
}, 1000)
|
}, 1000)
|
||||||
} else {
|
} else {
|
||||||
@@ -718,13 +718,14 @@
|
|||||||
})
|
})
|
||||||
}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)
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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,32 +233,20 @@
|
|||||||
<!-- <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>
|
||||||
<!-- 商品展示 -->
|
<!-- 商品展示 -->
|
||||||
<view class="goods">
|
<view class="goods">
|
||||||
<!-- 精选 -->
|
<!-- 精选 -->
|
||||||
@@ -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.
Reference in New Issue
Block a user