zm/nuttyreading-html
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

版本恢复

Browse Source
This commit is contained in:
@fawn-nine
2023-09-19 09:43:11 +08:00
parent 8ebf79f301
commit 30e174b237
3 changed files with 301 additions and 333 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
pages/clock/clock.vue
View File

@@ -18,23 +18,8 @@
<view v-else class="dakaBtn" style="border-color: #fff;">
<text style=" color:#a3a3a3;">今天已签到</text>
</view>
</view>
</view>
<!-- <scroll-view class="scroll-view_H flexbox" scroll-x="true" @scroll="scroll" :scroll-left="scrollLeft">
<view class="" style="padding: 0 6rpx; display: inline-block; width: 20%; box-sizing: border-box; " v-for="(item,index) in 365">
<view
:class="['item', signList.indexOf(index+1) != -1 ? 'havSign' : '',
currentDay == index+1 && signList.indexOf(index+1) == -1 ? 'current' : '',
linshiDay == index+1 ? 'linshiDay':'']" @click="getInfo(index+1)">
<span class="day"><em>{{index+1}}</em> 天</span>
<u-icon v-if="signList.indexOf(index+1) != -1" name="checkbox-mark" color="#fff" size="28" style="margin: 0 auto; width: 28px; text-align: center;"></u-icon>
<span v-if="signList.indexOf(index+1) == -1 && currentDay > index+1" class="buka">未签</span>
<span v-if="currentDay < index+1" class="weidaka">未开始</span>
<span v-if="currentDay == index+1 && signList.indexOf(index+1) == -1" class="daka" @click="kuickSign()">签到</span>
</view>
</view>
</scroll-view> -->
</view>
</view>
<swiper class="swiper scroll-view_H" @animationfinish="animationfinish" @change="swiperChange" :current='currentIndex' :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval"
:duration="duration">
<swiper-item v-for="(item,index) in dayList" :key="index" class="flexbox swiperPage">

3
pages/eBook/bookContent.vue
View File

@@ -18,8 +18,9 @@
</p> -->
</view>
<view class="tags">
<uni-tag @click="gotoListen()" class="tag" v-if="bookMessage.canListen" :inverted="true" text="听书" type="primary"></uni-tag>
<uni-tag class="tag" @click="toMore()" :inverted="true" text="书评" type="success"></uni-tag>
<uni-tag @click="gotoListen()" class="tag" v-if="bookMessage.canListen" :inverted="true" text="听书" type="primary"></uni-tag>
<!-- 1:打卡，2不打卡 -->
<uni-tag @click="gotoclock()" v-if="bookMessage.clockIn == 1" class="tag" :inverted="true" text="签到" type="warning"></uni-tag>
</view>

612
pages/peanut/home.vue
View File

@@ -5,43 +5,43 @@
<view class="flexbox" style=" justify-content: space-between; ">
<view class="icon_hua">
<image src="../../static/icon/home_icon_3.png" mode="aspectFit" class="icon_hua_1"></image>
</view>
</view>
<view class="search_box flexbox" @click="onPageJump('./searchFor')">
<view class="search">
<text class="icon_search"></text>
<text class="prompt">请输入想要搜索的书名</text>
</view>
</view>
</view>
<view class="searBtn flexbox">
<text>搜索</text>
</view>
</view>
</view>
<!-- <view class="home_lunbo">
<u-swiper :list="list3" indicator indicatorMode="line" circular style="height: 180rpx;"></u-swiper>
</view> -->
</view>
<!-- <view class="home_nar" v-if="showEbook"> -->
<view class="home_nar">
<view class="hn_cl_tit shuguan" @click="onPageJump('../clock/index')">
<image src="../../static/icon/home1.png" mode="aspectFit"></image>
<text>读书打卡</text>
</view>
<view class="hn_cl_tit dianzishu" @click="onPageJump('../listen/home')">
<view class="home_nar">
<view class="hn_cl_tit shuguan" @click="onPageJump('../clock/index')">
<image src="../../static/icon/home1.png" mode="aspectFit"></image>
<text>读书打卡</text>
</view>
<view class="hn_cl_tit dianzishu" @click="onPageJump('../listen/home')">
<image src="../../static/icon/home2.png" mode="aspectFit"></image>
<text>听书</text>
</view>
<!-- <view class="hn_cl_tit" @click="onPageJump('../bookShop/bookShopIndex')"> -->
</view>
<!-- <view class="hn_cl_tit" @click="onPageJump('../bookShop/bookShopIndex')"> -->
<view class="hn_cl_tit shuping" @click="onPageJump('../bookscomments/comments')">
<image src="../../static/icon/home3.png" mode="aspectFit"></image>
<text>书评</text>
</view>
<view class="hn_cl_tit chaoshi" @click="onPageJump('../bookShop/classify')">
<image src="../../static/icon/home4.png" mode="aspectFit"></image>
<text>图书馆</text>
</view>
</view>
</view>
<!-- <view class="home_lunbo">
@@ -73,7 +73,7 @@
<image src="../../static/icon/midBtn_06.png" mode="aspectFit"></image>
古 籍
</view>
</view>
</view>
<view class="head_line" v-if="seckillList!=null">
<b></b>
<text>商品秒杀</text>
@@ -81,7 +81,7 @@
</view>
<!-- 限时秒杀 -->
<view class="limited" v-if="seckillList!=null">
<view class="limited" v-if="seckillList!=null">
<view class="limitedSymbol">
<image src="../../static/icon/shopping_xsh.png"></image>
</view>
@@ -98,124 +98,44 @@
</view>
</view>
<view class="head_line" >
<view class="head_line">
<b></b>
<text>新书上市</text>
<!-- <i @click="onBookMore('New')">查看更多 ></i> -->
</view>
<view class="newBook">
<view class="newBook">
<scroll-view class="scroll-view_H " scroll-x="true" scroll-left="10">
<view :class="['item']" v-for="(item,index) in newBookList" :key="index">
<view class="videoBox" @click="goDetail(item.productId)">
<image v-if="item.productImages != ''" :src="item.productImages" mode="scaleToFill"></image>
<image v-else src="../../static/icon/wufeng.jpg" mode="scaleToFill"></image>
</view>
<text class="bookName">{{item.productName}}</text>
<view :class="['item']" v-for="(item,index) in newBookList" :key="index">
<view class="videoBox" @click="goDetail(item.productId)">
<image v-if="item.productImages != ''" :src="item.productImages" mode="scaleToFill"></image>
<image v-else src="../../static/icon/wufeng.jpg" mode="scaleToFill"></image>
</view>
<text class="bookName">{{item.productName}}</text>
</view>
</scroll-view>
</view>
<view class="home_xinshu" v-if="showEbook">
<view v-for="(item, index) in xinsList" @click="onBookJump(item)" v-if="index<3" class="hx_list">
<image :src="item.image"></image>
<view class="hx_title">{{item.bookName}}</view>
<view class="hx_author">{{item.authorName}} [著]</view>
<b v-if="item.isVip==1" style="background: #c79119;">VIP</b>
<b v-if="item.isVip==2" style="background: #c74119;">付费</b>
</view>
<br clear='both'>
<view v-for="(item, index) in xinsList" @click="onBookJump(item)" v-if="index>2&&index<6" class="hx_list">
<image :src="item.image"></image>
<view class="hx_title">{{item.bookName}}</view>
<view class="hx_author">{{item.authorName}} [著]</view>
<b v-if="item.isVip==1" style="background: #c79119;">VIP</b>
<b v-if="item.isVip==2" style="background: #c74119;">付费</b>
</view>
<br clear='both'>
</view>
<!--按类型 类型推荐 -->
<view class="tuijianView">
</view>
<!-- end -->
<view class="head_line" v-if="showEbook">
<b></b>
<text>限时特价</text>
<i @click="onBookMore('Sale')">查看更多 ></i>
</view>
<view class="home_limit" v-if="showEbook">
<u-scroll-list indicatorActiveColor="#27b386">
<view v-for="(item, index) in limiTist" :key="index" @click="onBookJump(item)" class="lt_list">
<image :src="item.image"></image>
<view class="lt_title">{{item.bookName}}</view>
<view class="lt_author">{{item.authorName}} [著]</view>
<view class="lt_yuan">{{item.price}}疯币</view>
<view class="lt_xian">{{item.salePrice}}疯币</view>
<b v-if="item.isVip==1" style="background: #c79119;">VIP</b>
<b v-if="item.isVip==2" style="background: #c74119;">付费</b>
</view>
</u-scroll-list>
</view>
<view class="head_line" v-if="showEbook">
<b></b>
<text>精选书单</text>
<i @click="onBookMore('Best')">查看更多 ></i>
</view>
<view class="home_jingxu" v-if="showEbook">
<view class="hj_hot" v-for="(item,index) in jingList" @click="onBookJump(item)">
<view>
<text class="bok_name">{{item.bookName}}</text>
<text style="margin-left: 50rpx;" v-if="item.authorName!=''">{{item.authorName}}</text>
</view>
<view v-if="item.publisherName!=''">
<text>出版社：{{item.publisherName}}</text>
</view>
<view>
<text>{{item.introduce | ellipsis}}</text>
</view>
<image :src="item.image"></image>
<!-- <b v-if="item.isVip==0">免费</b> -->
<b v-if="item.isVip==1" style="background: #c79119;">VIP</b>
<b v-if="item.isVip==2" style="background: #c74119;">付费</b>
</view>
</view>
</view>
<!-- end -->
<view class="head_line" style="margin-bottom: 10px;">
<b></b>
<text>精选图书</text>
<text>精选商品</text>
<!-- <i @click="onShopMore('Hot')">查看更多 ></i> -->
<!-- <i @click="onPageJump('../bookShop/classify')">查看更多 ></i> -->
<i @click="onPageJump('../bookShop/classify')">查看更多 ></i>
</view>
<!-- 商品展示 -->
<view class="goods">
<view class="goodsItem flexbox" v-for="(item,index) in goodsList" :key="item.productId"
>
<view class="imgs" @click="onBookJump(item)">
<image v-if="item.images != ''" :src="item.images" mode="" class="goodsImg"></image>
<image v-else src="../../static/icon/home_bg.jpg" class="goodsImg"></image>
</view>
<view class="goodsItem" v-for="(item,index) in goodsList" :key="item.productId"
@click="goDetail(item.productId)">
<image :src="item.productImages" mode="" class="goodsImg"></image>
<view class="goodsContent">
<view class="goodsName">
<span>{{item.name}}</span>
{{item.productName}}
</view>
<view class="tags">
<uni-tag v-if="item.canListen" style="margin-right: 10rpx;" @click="gotoListen(item)" class="tag" :inverted="true" text="听书" type="primary"></uni-tag>
<uni-tag style="margin-right: 10rpx;" class="tag" @click="gotopingshu(item)" :inverted="true" text="书评" type="success"></uni-tag>
<!-- 1:打卡，2不打卡 -->
<uni-tag v-if="item.clockIn == 1" style="margin-right: 10rpx;" @click="gotoclock(item)" class="tag" :inverted="true" text="签到" type="warning"></uni-tag>
</view>
<view class="flexbox" style="margin-top: 20rpx; color: #5f5f5f;">
<view class="">
<span v-if="item.authorName">{{item.authorName}} &nbsp; &nbsp;</span>
<span v-if="item.publisherName">&nbsp; &nbsp;/&nbsp; {{item.publisherName}} &nbsp;</span>
</view>
<view class="goodsPrice">
<span class="price">￥{{item.price}}</span>
<span class="Salesnum">已售：{{item.sumSales}} 件</span>
</view>
</view>
</view>
@@ -235,7 +155,7 @@
<!-- 公共组件-每个页面必须引入 -->
<public-module></public-module>
<z-navigation></z-navigation>
<z-navigation></z-navigation>
<music-play :playList="myList"></music-play>
</view>
</template>
@@ -245,25 +165,26 @@
import repciptData from '@/static/json/repcipt.json'
import $http from '@/config/requestConfig.js';
import {
mapState,mapMutations
mapState,
mapMutations
} from 'vuex';
export default {
data() {
return {
myList:[],
showEbook:false, // 显示电子书相关
myList: [],
showEbook: false, // 显示电子书相关
transaction: { // 成功回调
},
status:3,
jPage:1,
jTotal:0,
scrollLeft:0,
maxTimes:1, // 轮询最大次数
ComplateRequestInterval:null, // 轮询定时器
checking:false, // 正在检测
ComplateRequestArr:[],
iapChannel:null,
status: 3,
jPage: 1,
jTotal: 0,
scrollLeft: 0,
maxTimes: 1, // 轮询最大次数
ComplateRequestInterval: null, // 轮询定时器
checking: false, // 正在检测
ComplateRequestArr: [],
iapChannel: null,
scrollTop: 0,
list3: [
// '../../static/icon/home_ban_1.jpg',
@@ -278,7 +199,7 @@
bgiStyle: {
background: '#fff'
},
newBookList:[],
newBookList: [],
iconStyle: {
fontSize: '40rpx',
fontWeight: 'bold',
@@ -293,16 +214,16 @@
onLoad(e) {
// 隐藏原生的tabbar
uni.hideTabBar();
// this.requestIapOrder()
// this.requestIapOrder()
},
//页面显示
onShow() {
// 隐藏原生的tabbar
uni.hideTabBar();
this.goodsList = []
this.getData();
this.getData();
},
// 页面加载完毕
onReady() {
@@ -315,22 +236,21 @@
this.goodsList = []
this.getData()
uni.stopPullDownRefresh()
this.requestIapOrder()
this.requestIapOrder()
},
onHide() {
this.jPage = 1
this.goodsList = []
},
onReachBottom() {
console.log('到底了')
if(this.jPage+1 <= this.jTotal){
this.jPage++
this.getJBook()
}else{
this.status = 1
}
// if (this.jPage + 1 <= this.jTotal) {
// this.jPage++
// this.getJBook()
// } else {
// this.status = 1
// }
},
filters: {
// 控制字数
@@ -348,72 +268,72 @@
computed: {
...mapState(['userInfo']),
},
components:{
components: {
musicPlay
},
//方法
methods: {
...mapMutations(['setUserInfo']),
gotopingshu(val){
gotopingshu(val) {
uni.navigateTo({
url: '../comments/comments?bookid='+ val.id,
url: '../comments/comments?bookid=' + val.id,
});
},
// 去打卡
gotoclock(item){
this.onPageJump('../clock/clock?bookid='+ item.id )
gotoclock(item) {
this.onPageJump('../clock/clock?bookid=' + item.id)
},
// 去听书
gotoListen(item){
uni.navigateTo({
url: "../listen/listen?bookid="+ item.id
gotoListen(item) {
uni.navigateTo({
url: "../listen/listen?bookid=" + item.id
});
},
// 新书上市
getNewBook(){
getNewBook() {
this.$http
.post('book/shopproduct/getNewBook',{
.post('book/shopproduct/getNewBook', {
'limit': 10,
'page':1
'page': 1
})
.then(res => {
console.log(res,'xinshu')
this.newBookList = res.page.list
console.log(res, 'xinshu')
this.newBookList = res.page.list
});
},
// 检测未完成订单
requestIapOrder(){
requestIapOrder() {
console.log('检测支付环境...')
plus.payment.getChannels((channels) => {
console.log(channels, 'channels')
//this.setUserInfo({channelList:channels}); // 将支付通道保存到本地
for (var i in channels) {
for (var i in channels) {
// 判断是否苹果支付1
if (channels[i].id === 'appleiap') {
this.iapChannel = channels[i]
this.iapChannel = channels[i]
// console.log(this.userInfo.restoreFlag,'this.userInfo.restoreFlag')
if(this.userInfo.restoreFlag){ // 如果存在异常回调订单
if (this.userInfo.restoreFlag) { // 如果存在异常回调订单
this.restoreComplateRequest()
}
}
}
}
})
},
// 查询未关闭订单
restoreComplateRequest(){
// 查询未关闭订单
restoreComplateRequest() {
let that = this
console.log('检测未完成订单')
console.log(this.iapChannel,'this.iapChannel')
console.log(this.iapChannel, 'this.iapChannel')
this.iapChannel.restoreComplateRequest({
manualFinishTransaction: true
}, function(results) {
if(!that.checking){
that.checking = true
// console.log(that.checking)
// results 格式为数组存放恢复的IAP商品交易信息对象 IAPTransaction，通用需将返回的支付凭证传给后端进行二次认证
}, function(results) {
if (!that.checking) {
that.checking = true
// console.log(that.checking)
// results 格式为数组存放恢复的IAP商品交易信息对象 IAPTransaction，通用需将返回的支付凭证传给后端进行二次认证
that.ComplateRequestArr = results
console.log(that.ComplateRequestArr,'未完成订单数组')
if(results && results.length>0){
console.log(that.ComplateRequestArr, '未完成订单数组')
if (results && results.length > 0) {
// for(var j = 0; j<results.length; j++){
// if(results[j].transactionState == '1'){
// // 已经支付，但是没有走逻辑的内购订单
@@ -422,52 +342,54 @@
// }else{
// // 其他状态的内购订单 直接关闭
// that.finishTransaction(results[j])
// }
// }
results.map((item,index)=>{
// "0"为正在支付；"1"为支付成功；"2"为支付失败；"3"为支付已恢复。
if(item.transactionState == '1'){
// 已经支付，但是没有走逻辑的内购订单
that.iapCheck(item,index)
}else{
// 其他状态的内购订单
that.finishTransaction(item)
}
})
results.map((item, index) => {
// "0"为正在支付；"1"为支付成功；"2"为支付失败；"3"为支付已恢复。
if (item.transactionState == '1') {
// 已经支付，但是没有走逻辑的内购订单
that.iapCheck(item, index)
} else {
// 其他状态的内购订单
that.finishTransaction(item)
}
})
}
}
});
}
});
},
// 关闭交易订单
finishTransaction(trans,index){
finishTransaction(trans, index) {
this.iapChannel.finishTransaction(trans, (success) => {
console.log('关闭订单成功',index);
if(index == this.ComplateRequestArr.length-1){ // 最后一个支付订单
this.setUserInfo({restoreFlag:false});
console.log('关闭订单成功', index);
if (index == this.ComplateRequestArr.length - 1) { // 最后一个支付订单
this.setUserInfo({
restoreFlag: false
});
// console.log(this.userInfo.restoreFlag,'this.ComplateRequestArr.length+++')
}
}, (fail) => {
console.log('关闭订单失败');
});
}, (fail) => {
console.log('关闭订单失败');
});
},
iapCheck(result,index) {
const that = this
iapCheck(result, index) {
const that = this
console.log('进入后台验证')
let data = {
transactionId: result.transactionIdentifier, // 支付交易id
customerOid: that.userInfo.id,
customerOid: that.userInfo.id,
productId: result.payment.productid, // 产品id
orderId: result.payment.username, // 系统订单号
receiptData: result.transactionReceipt ,// 苹果返回收据
loadAnimate:'none', // 请求加载动画
}
console.log(data,'data')
receiptData: result.transactionReceipt, // 苹果返回收据
loadAnimate: 'none', // 请求加载动画
}
console.log(data, 'data')
$http.request({
url: "/Ipa/veri",
method: "POST", // POST、GET、PUT、DELETE，具体说明查看官方文档
@@ -476,54 +398,54 @@
'Content-Type': 'application/json'
},
}).then(res => {
console.log(JSON.stringify(res))
console.log(JSON.stringify(res))
console.log(res.code)
if(res.code == 0){
if (res.code == 0) {
// uni.hideLoading()
console.log('充值订单已处理，请留意账户金额变动....')
// 服务器验证票据有效后在客户端关闭订单
that.finishTransaction(result,index)
}else if(res.code == 200){ // 重复验证订单
console.log('充值订单已处理，请留意账户金额变动....')
// 服务器验证票据有效后在客户端关闭订单
that.finishTransaction(result, index)
} else if (res.code == 200) { // 重复验证订单
console.log('重复验证....')
that.finishTransaction(result,index)
that.finishTransaction(result, index)
}
}).catch(e => {
}).catch(e => {
console.log('支付验证失败，进入轮询程序...')
that.getIapPayResult(result,index)
})
that.getIapPayResult(result, index)
})
console.log('--------------')
},
// 轮询验证支付结果
getIapPayResult(result,index){
getIapPayResult(result, index) {
// let interval = null
this.ComplateRequestInterval = setTimeout(() => {
if(this.maxTimes <= 3){
this.iapCheck(result,index)
console.log('执行1', this.maxTimes,this.ComplateRequestInterval)
this.maxTimes += 1
}else{
this.ComplateRequestInterval = setTimeout(() => {
if (this.maxTimes <= 3) {
this.iapCheck(result, index)
console.log('执行1', this.maxTimes, this.ComplateRequestInterval)
this.maxTimes += 1
} else {
this.maxTimes = 0
console.log('停止轮询', this.maxTimes,this.ComplateRequestInterval, this.maxTimes)
console.log('停止轮询', this.maxTimes, this.ComplateRequestInterval, this.maxTimes)
this.checking = false
this.saveErrorIapOrder(result,index)
this.saveErrorIapOrder(result, index)
clearTimeout(this.ComplateRequestInterval)
}
},10000)
}, 10000)
},
// 轮询失败接口
saveErrorIapOrder(result,index){
saveErrorIapOrder(result, index) {
console.log('提交到充值问题单里面...')
let data = {
transactionId : result.transactionIdentifier,
transactionId: result.transactionIdentifier,
failureflag: 1,
orderId:result.payment.username,
receiptData:result.transactionReceipt,
productId:result.payment.productid,
customerOid:this.userInfo.id
}
orderId: result.payment.username,
receiptData: result.transactionReceipt,
productId: result.payment.productid,
customerOid: this.userInfo.id
}
$http.request({
url: "Ipa/failure",
method: "POST", // POST、GET、PUT、DELETE，具体说明查看官方文档
@@ -532,17 +454,17 @@
'Content-Type': 'application/json'
},
}).then(res => {
console.log(JSON.stringify(res))
if(res.code == 200){
console.log(JSON.stringify(res))
if (res.code == 200) {
console.log('提交成功，关闭订单')
this.finishTransaction(result,index)
this.finishTransaction(result, index)
}
}).catch(e => {
console.log(e)
if(e.statusCode == 0){ // 重复提交，直接关闭订单
this.finishTransaction(result,index)
}).catch(e => {
console.log(e)
if (e.statusCode == 0) { // 重复提交，直接关闭订单
this.finishTransaction(result, index)
}
})
})
},
// 获取列表数据
getData() {
@@ -564,23 +486,16 @@
// 获取精选图书
this.getJBook()
this.getNewBook()
},
// 获取精选图书
getJBook(){
getJBook() {
this.$http
.post('book/book/listbooks',{
'limit':6,
'page': this.jPage
})
.post('book/shopproduct/appGetList?limit=30&page=1&istop=1')
.then(res => {
console.log(res,'首页商品')
this.jTotal = res.page.totalPage
this.goodsList = this.goodsList.concat(res.page.list)
console.log(this.goodsList,'this.goodsList')
this.status = 3
uni.stopPullDownRefresh()
console.log(res.page.list, '首页商品')
this.goodsList = res.page.list
})
},
// 跳转
@@ -614,14 +529,14 @@
uni.navigateTo({
url: '../eBook/bookContent?Id=' + e.id
});
},
},
// 商品详情页
goDetail(id) {
uni.navigateTo({
url: '../bookShop/commodityDetail?id=' + id
});
},
// 列表跳页
onShopMore(e) {
uni.navigateTo({
@@ -644,29 +559,62 @@
</script>
<style lang="scss" scoped>
@import '@/style/mixin.scss';
.tags{
uni-tag{margin-right: 10rpx;}
.tags {
uni-tag {
margin-right: 10rpx;
}
}
.newBook{margin-top: 20rpx;}
.scroll-view_H{background-color: #fff;white-space: nowrap;
width: 100%; padding:10rpx ; }
.scroll-view_H{
.item { padding: 10rpx; overflow: hidden; display: inline-block;
width: 180rpx !important; margin-right: 20rpx; border-radius: 10rpx;
.videoBox{
image{display: block; width:150rpx;
height: 170rpx;
.newBook {
margin-top: 20rpx;
}
.scroll-view_H {
background-color: #fff;
white-space: nowrap;
width: 100%;
padding: 10rpx;
}
.scroll-view_H {
.item {
padding: 10rpx;
overflow: hidden;
display: inline-block;
width: 180rpx !important;
margin-right: 20rpx;
border-radius: 10rpx;
.videoBox {
image {
display: block;
width: 150rpx;
height: 170rpx;
}
}
.bookName{display: block; margin-top: 20rpx; color: #666; font-size: 24rpx; white-space: nowrap;
overflow-x: hidden; overflow: hidden;
text-overflow: ellipsis;}
.bookName {
display: block;
margin-top: 20rpx;
color: #666;
font-size: 24rpx;
white-space: nowrap;
overflow-x: hidden;
overflow: hidden;
text-overflow: ellipsis;
}
}
// .item.active{margin-right: 20rpx; border: 1px solid #55aa00; border-radius: 10rpx;}
}
.flexbox{display: flex;}
.flexbox {
display: flex;
}
.head_line {
margin: 50rpx 0 0 0;
margin: 30rpx 0 0 0;
b {
@@ -699,17 +647,26 @@
background-size: cover;
padding: 20rpx;
position: relative;
// height: 400rpx; margin-bottom: 130rpx;
// height: 400rpx; margin-bottom: 130rpx;
.icon_hua_1 {
// margin: 0 auto;
width: 150rpx;
height: 150rpx;
}
.icon_hua{width: 150rpx; display: block;}
.search_box { margin-top: 20rpx; align-items: center;
width: calc(100% - 300rpx);
.search{height: 80upx;
.icon_hua {
width: 150rpx;
display: block;
}
.search_box {
margin-top: 20rpx;
align-items: center;
width: calc(100% - 300rpx);
.search {
height: 80upx;
display: flex;
width: 100%;
align-items: center;
@@ -718,55 +675,75 @@
border-radius: 20upx;
box-shadow: 0 0px 10px 1px #54a96633;
}
.prompt {
color: #838383; font-size: 24rpx;
color: #838383;
font-size: 24rpx;
}
.icon_search {
background-image: url('@/static/icon/map_ic_search.png');
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width:36upx;
width: 36upx;
height: 36upx;
margin-right: 20upx;
}
}
.searBtn{
width: 80rpx; align-items: center;
font-size: 30rpx; color: #fff;
.searBtn {
width: 80rpx;
align-items: center;
font-size: 30rpx;
color: #fff;
}
}
.home_nar { padding-bottom: 20rpx;
margin: 30rpx 20rpx; justify-content: space-between;
}
.home_nar {
padding-bottom: 20rpx;
margin: 30rpx 20rpx;
justify-content: space-between;
display: flex;
color: #333;
color: #333; margin-bottom: 0 !important;
// .dianzishu{ margin-right:10rpx;
// background-color:#f8d6f4 ; border: 2px solid #edcce9;
// }
// .chaoshi{background-color:#fff2d8 ; border: 2px solid #ede6d3; }
// .shuping{ background-color: #d6ffda; border: 2px solid #bae9bf;}
// .shuguan{ background-color:#e3f9f9 ; border: 2px solid #d7eced; }
.hn_cl_tit { padding-bottom: 10rpx;
.hn_cl_tit {
padding-bottom: 10rpx;
// width: 23%;
width: 31%;
text-align: center;
border-radius: 20rpx ; padding-top: 10rpx;
width: 31%;
text-align: center;
border-radius: 20rpx;
padding-top: 10rpx;
// line-height: 110upx;
//display: flex;
align-content: center;
justify-content: center;
image {
image {
width: 110upx;
height:110upx;
height: 110upx;
display: block;
margin: 0 auto;
// margin: 0 20rpx;
}
text{ display:block; text-align: center; margin-top: 10px; font-size: 36rpx; color: #000; font-weight:blod;}
text {
display: block;
text-align: center;
margin-top: 10px;
font-size: 36rpx;
color: #000;
font-weight: blod;
}
}
}
@@ -1028,46 +1005,51 @@
.goods {
width: 100%;
margin:40rpx 0 50rpx 0;
margin: 40rpx 0 50rpx 0;
.goodsItem {
.goodsItem {
display: inline-block;
width: 46%;
border-radius: 20rpx;
padding: 25rpx 25rpx 20rpx 25rpx;
margin: 0 20rpx 20rpx 20rpx;
background-color: #fff;
border: 1px solid #eee;
.imgs {
width: 200rpx;
height: 260rpx; overflow: hidden;
.goodsImg {
width: 98%;
height: 380rpx;
border-radius: 10rpx;
image{width: 200rpx;
height: 260rpx; overflow: hidden;}
}
.goodsContent {
padding-left: 46rpx;
.goodsName {
color: #131313;
margin-top: 10rpx;
margin-bottom: 37rpx;
font-size: 30rpx;
font-weight: bold;
}
.goodsPrice {
font-size: 30rpx;
margin: 5rpx 0 0 3rpx;
display: flex; justify-content: space-between;
.price{
margin: 5rpx 0 0 3rpx;
display: flex;
justify-content: space-between;
.price {
font-weight: bold;
color: #bf0c0c;
}
.Salesnum{color: #9b9b9b;}
.Salesnum {
color: #9b9b9b;
}
}
}
}
.goodsItem:nth-child(2n) {
margin-left: 0;
}
}
</style>
</style>