|
|
@@ -1,616 +1,110 @@
|
|
|
<template>
|
|
|
- <view class="container">
|
|
|
- <view class="tui-product-box">
|
|
|
- <view class="tui-product-list">
|
|
|
- <view class="tui-product-container">
|
|
|
- <block v-for="(item, index) in newsList" :key="index" >
|
|
|
- <!--商品列表-->
|
|
|
- <view class="tui-pro-item" hover-class="tui-opcity" :hover-start-time="150">
|
|
|
- <view class="tui-pro-content" @tap="details">
|
|
|
- <view class="tui-pro-time">
|
|
|
- <text>{{ item.time }}</text>
|
|
|
- <text style="margin-left: 30rpx;">{{ item.views }} 人看过</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <image @tap="details" :src="item.img" class="tui-pro-img"/>
|
|
|
- <view class="tui-pro-content" @tap="details">
|
|
|
- <view class="tui-pro-tit">{{ item.title }}</view>
|
|
|
- <view>
|
|
|
- <view class="tui-pro-price">
|
|
|
- <text class="tui-sale-price">{{ item.content }}</text>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <!--商品列表-->
|
|
|
- <!-- <template is="productItem" data="{{item,index:index}}" /> -->
|
|
|
- </block>
|
|
|
+ <view>
|
|
|
+ <view class="list">
|
|
|
+ <view class="item" v-for="(item, index) in list" @click="detail(item.id)">
|
|
|
+ <view class="time">
|
|
|
+ <text>2020.7.29</text>
|
|
|
+ <text class="views">269人看过</text>
|
|
|
</view>
|
|
|
+ <image :src="ip + item.pic"></image>
|
|
|
+ <view class="title">【{{ item.title }}】</view>
|
|
|
+ <view class="desc">{{ item.descs }}...</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
-
|
|
|
- <!--加载loadding-->
|
|
|
- <tui-loadmore v-if="loadding" :index="3" type="red"></tui-loadmore>
|
|
|
- <!-- <tui-nomore v-if="!pullUpOn"></tui-nomore> -->
|
|
|
- <!--加载loadding-->
|
|
|
- <view class="tui-safearea-bottom"></view>
|
|
|
</view>
|
|
|
</template>
|
|
|
+
|
|
|
<script>
|
|
|
-import tuiButton from "@/components/thorui/tui-button/tui-button"
|
|
|
export default {
|
|
|
- components:{
|
|
|
- tuiButton,
|
|
|
- },
|
|
|
data() {
|
|
|
return {
|
|
|
- current: 0,
|
|
|
- newsList: [
|
|
|
- {
|
|
|
- time: '2020.7.29',
|
|
|
- views: '200',
|
|
|
- img: '../../static/img/news/1.jpg',
|
|
|
- title: '【本溪历史的今天】7月29日',
|
|
|
- content: '我们每天都会这样子复制粘贴然后进行测试看看字符是不是够用会不会撑开我们每天都会这样子复制粘贴然后进行测试看看字符是不是够用会不会撑开我们每天都会这样子复制粘贴然后进行测试看看字符是不是够用会不会撑开'
|
|
|
-
|
|
|
- },
|
|
|
- {
|
|
|
- time: '2020.7.28',
|
|
|
- views: '200',
|
|
|
- img: '../../static/img/news/1.jpg',
|
|
|
- title: '【本溪历史的今天】7月28日',
|
|
|
- content: '我们每天都会这样子复制粘贴然后进行测试看看字符是不是够用会不会撑开我们每天都会这样子复制粘贴然后进行测试看看字符是不是够用会不会撑开我们每天都会这样子复制粘贴然后进行测试看看字符是不是够用会不会撑开'
|
|
|
-
|
|
|
- }
|
|
|
- ],
|
|
|
- pageIndex: 1,
|
|
|
- loadding: false,
|
|
|
- pullUpOn: true
|
|
|
+ ip: this.$http.urls.ip,
|
|
|
+ list: [],
|
|
|
+ param: { pageNum: 1, orderByColumn: 'id', isAsc: 'desc' },
|
|
|
+ showLoadMore: false
|
|
|
};
|
|
|
},
|
|
|
+ onLoad() {
|
|
|
+ this.getData();
|
|
|
+ },
|
|
|
methods: {
|
|
|
- details: function() {
|
|
|
+ //获取数据
|
|
|
+ getData() {
|
|
|
+ this.$http.request({
|
|
|
+ url: this.$http.urls.news,
|
|
|
+ data: this.param,
|
|
|
+ success: res => {
|
|
|
+ this.showLoadMore = res.data.pages > this.param.pageNum ? true : false;
|
|
|
+ res.data.rows.forEach(item => {
|
|
|
+ this.list.push(item);
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //详情
|
|
|
+ detail(id) {
|
|
|
uni.navigateTo({
|
|
|
- url: '/pages/news/details/details'
|
|
|
+ url: 'details?id=' + id
|
|
|
});
|
|
|
},
|
|
|
+ //刷新数据
|
|
|
+ refresh() {
|
|
|
+ this.param.pageNum = 1;
|
|
|
+ this.list = [];
|
|
|
+ this.getData();
|
|
|
+ }
|
|
|
},
|
|
|
- onPullDownRefresh: function() {
|
|
|
- let loadData = JSON.parse(JSON.stringify(this.newsList));
|
|
|
- loadData = loadData.splice(0, 10);
|
|
|
- this.newsList = loadData;
|
|
|
- this.pageIndex = 1;
|
|
|
- this.pullUpOn = true;
|
|
|
- this.loadding = false;
|
|
|
+ //下拉刷新
|
|
|
+ onPullDownRefresh() {
|
|
|
+ this.refresh();
|
|
|
uni.stopPullDownRefresh();
|
|
|
},
|
|
|
- onReachBottom: function() {
|
|
|
- if (!this.pullUpOn) return;
|
|
|
- this.loadding = true;
|
|
|
- if (this.pageIndex == 4) {
|
|
|
- this.loadding = false;
|
|
|
- this.pullUpOn = false;
|
|
|
- } else {
|
|
|
- let loadData = JSON.parse(JSON.stringify(this.newsList));
|
|
|
- loadData = loadData.splice(0, 10);
|
|
|
- if (this.pageIndex == 1) {
|
|
|
- loadData = loadData.reverse();
|
|
|
- }
|
|
|
- this.newsList = this.newsList.concat(loadData);
|
|
|
- this.pageIndex = this.pageIndex + 1;
|
|
|
- this.loadding = false;
|
|
|
+ //上拉加载
|
|
|
+ onReachBottom() {
|
|
|
+ if (this.showLoadMore) {
|
|
|
+ this.param.pageNum++;
|
|
|
+ this.getData();
|
|
|
}
|
|
|
}
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
-<style>
|
|
|
+<style lang="scss">
|
|
|
page {
|
|
|
- background-color: #f7f7f7;
|
|
|
+ background-color: #dedede;
|
|
|
}
|
|
|
-
|
|
|
-.container {
|
|
|
- padding-bottom: 100rpx;
|
|
|
- color: #333;
|
|
|
- width: 100%;
|
|
|
+.list {
|
|
|
+ padding: 0px 10px;
|
|
|
}
|
|
|
-
|
|
|
- .tui-btn-box {
|
|
|
- margin-bottom: 26rpx;
|
|
|
- }
|
|
|
-
|
|
|
- .tui-flex-box {
|
|
|
+.item {
|
|
|
+ background-color: white;
|
|
|
+ overflow: hidden;
|
|
|
+ margin-top: 15px;
|
|
|
+ border-radius: 7px;
|
|
|
+ padding: 15px;
|
|
|
+ image {
|
|
|
width: 100%;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
+ height: 170px !important;
|
|
|
+ border-radius: 7px;
|
|
|
+ }
|
|
|
+ .time {
|
|
|
+ color: #818184;
|
|
|
+ padding-bottom: 12px;
|
|
|
+ font-size: 13px;
|
|
|
+ .views {
|
|
|
+ padding-left: 20px;
|
|
|
}
|
|
|
-/*tabbar*/
|
|
|
-
|
|
|
-.tui-tabbar {
|
|
|
- width: 100%;
|
|
|
- position: fixed;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- z-index: 99999;
|
|
|
- background: #fff;
|
|
|
- height: 100rpx;
|
|
|
- left: 0;
|
|
|
- bottom: 0;
|
|
|
- padding-bottom: env(safe-area-inset-bottom);
|
|
|
-}
|
|
|
-
|
|
|
-.tui-safearea-bottom {
|
|
|
- width: 100%;
|
|
|
- height: env(safe-area-inset-bottom);
|
|
|
-}
|
|
|
-
|
|
|
-.tui-tabbar::before {
|
|
|
- content: '';
|
|
|
- width: 100%;
|
|
|
- border-top: 1rpx solid #d9d9d9;
|
|
|
- position: absolute;
|
|
|
- top: 0;
|
|
|
- left: 0;
|
|
|
- -webkit-transform: scaleY(0.5);
|
|
|
- transform: scaleY(0.5);
|
|
|
-}
|
|
|
-
|
|
|
-.tui-tabbar-item {
|
|
|
- flex: 1;
|
|
|
- width: 25%;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- flex-direction: column;
|
|
|
- justify-content: center;
|
|
|
- font-size: 24rpx;
|
|
|
- color: #666;
|
|
|
- height: 80rpx;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-ptop-4 {
|
|
|
- padding-top: 4rpx;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-scale {
|
|
|
- font-weight: bold;
|
|
|
- transform: scale(0.8);
|
|
|
- transform-origin: center 100%;
|
|
|
- line-height: 30rpx;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-item-active {
|
|
|
- color: #194ee4 !important;
|
|
|
-}
|
|
|
-
|
|
|
-/*tabbar*/
|
|
|
-
|
|
|
-.tui-header {
|
|
|
- width: 100%;
|
|
|
- height: 100rpx;
|
|
|
- padding: 0 30rpx 0 20rpx;
|
|
|
- box-sizing: border-box;
|
|
|
- background-color: #194ee4;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- position: fixed;
|
|
|
- left: 0;
|
|
|
- top: 0;
|
|
|
- /* #ifdef H5 */
|
|
|
- top: 44px;
|
|
|
- /* #endif */
|
|
|
- z-index: 999;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-rolling-search {
|
|
|
- width: 100%;
|
|
|
- height: 60rpx;
|
|
|
- border-radius: 35rpx;
|
|
|
- padding: 0 40rpx 0 30rpx;
|
|
|
- box-sizing: border-box;
|
|
|
- background-color: #fff;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- flex-wrap: nowrap;
|
|
|
- color: #999;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-category {
|
|
|
- font-size: 24rpx;
|
|
|
- color: #fff;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- flex-direction: column;
|
|
|
- margin: 0;
|
|
|
- margin-right: 22rpx;
|
|
|
- flex-shrink: 0;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-category-scale {
|
|
|
- transform: scale(0.7);
|
|
|
- line-height: 24rpx;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-icon-category {
|
|
|
- line-height: 20px !important;
|
|
|
- margin-bottom: 0 !important;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-swiper {
|
|
|
- font-size: 26rpx;
|
|
|
- height: 60rpx;
|
|
|
- flex: 1;
|
|
|
- padding-left: 12rpx;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-swiper-item {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-hot-item {
|
|
|
- line-height: 26rpx;
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-header-banner {
|
|
|
- padding-top: 50rpx;
|
|
|
- box-sizing: border-box;
|
|
|
- background: #194ee4;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-hot-search {
|
|
|
- color: #fff;
|
|
|
- font-size: 24rpx;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- padding: 0 20rpx;
|
|
|
- box-sizing: border-box;
|
|
|
- position: relative;
|
|
|
- z-index: 2;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-hot-tag {
|
|
|
- background-color: rgba(255, 255, 255, 0.15);
|
|
|
- padding: 10rpx 24rpx;
|
|
|
- border-radius: 30rpx;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- line-height: 24rpx;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-banner-bg {
|
|
|
- display: flex;
|
|
|
- height: 180rpx;
|
|
|
- background-color: #194ee4;
|
|
|
- position: relative;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-primary-bg {
|
|
|
- width: 50%;
|
|
|
- display: inline-block;
|
|
|
- height: 224rpx;
|
|
|
- border: 1px solid transparent;
|
|
|
- position: relative;
|
|
|
- z-index: 1;
|
|
|
- background-color: #194ee4;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-route-left {
|
|
|
- transform: skewY(8deg);
|
|
|
-}
|
|
|
-
|
|
|
-.tui-route-right {
|
|
|
- transform: skewY(-8deg);
|
|
|
-}
|
|
|
-
|
|
|
-.tui-banner-box {
|
|
|
- width: 100%;
|
|
|
- padding: 0 20rpx;
|
|
|
- box-sizing: border-box;
|
|
|
- position: absolute;
|
|
|
- /* overflow: hidden; */
|
|
|
- z-index: 99;
|
|
|
- bottom: -80rpx;
|
|
|
- left: 0;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-banner-swiper {
|
|
|
- width: 100%;
|
|
|
- height: 240rpx;
|
|
|
- border-radius: 12rpx;
|
|
|
- overflow: hidden;
|
|
|
- transform: translateY(0);
|
|
|
-}
|
|
|
-
|
|
|
-.tui-slide-image {
|
|
|
- width: 100%;
|
|
|
- height: 240rpx;
|
|
|
- display: block;
|
|
|
-}
|
|
|
-
|
|
|
-/* #ifdef MP-WEIXIN */
|
|
|
-.tui-banner-swiper .wx-swiper-dot {
|
|
|
- width: 8rpx;
|
|
|
- height: 8rpx;
|
|
|
- display: inline-flex;
|
|
|
- background: none;
|
|
|
- justify-content: space-between;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-banner-swiper .wx-swiper-dot::before {
|
|
|
- content: '';
|
|
|
- flex-grow: 1;
|
|
|
- background-color: rgba(255, 255, 255, 0.8);
|
|
|
- border-radius: 16rpx;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-banner-swiper .wx-swiper-dot-active::before {
|
|
|
- background-color: #fff;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-banner-swiper .wx-swiper-dot.wx-swiper-dot-active {
|
|
|
- width: 16rpx;
|
|
|
-}
|
|
|
-
|
|
|
-/* #endif */
|
|
|
-
|
|
|
-/* #ifndef MP-WEIXIN */
|
|
|
->>> .tui-banner-swiper .uni-swiper-dot {
|
|
|
- width: 8rpx;
|
|
|
- height: 8rpx;
|
|
|
- display: inline-flex;
|
|
|
- background-color: none;
|
|
|
- justify-content: space-between;
|
|
|
-}
|
|
|
-
|
|
|
->>> .tui-banner-swiper .uni-swiper-dot::before {
|
|
|
- content: '';
|
|
|
- flex-grow: 1;
|
|
|
- background-color: rgba(255, 255, 255, 0.8);
|
|
|
- border-radius: 16rpx;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-
|
|
|
->>> .tui-banner-swiper .uni-swiper-dot-active::before {
|
|
|
- background-color: #fff;
|
|
|
-}
|
|
|
-
|
|
|
->>> .tui-banner-swiper .uni-swiper-dot.uni-swiper-dot-active {
|
|
|
- width: 16rpx;
|
|
|
-}
|
|
|
-
|
|
|
-/* #endif */
|
|
|
-
|
|
|
-.tui-product-category {
|
|
|
- background-color: #fff;
|
|
|
- padding: 80rpx 20rpx 30rpx 20rpx;
|
|
|
- box-sizing: border-box;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- flex-wrap: wrap;
|
|
|
- font-size: 24rpx;
|
|
|
- color: #555;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-category-item {
|
|
|
- width: 33.3%;
|
|
|
- height: 64px;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- flex-direction: column;
|
|
|
- padding-top: 30rpx;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-category-img {
|
|
|
- height: 48px;
|
|
|
- width: 48px;
|
|
|
- display: block;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-category-name {
|
|
|
- line-height: 12px;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-product-box {
|
|
|
- padding: 30rpx 30rpx;
|
|
|
- box-sizing: border-box;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-pb-20 {
|
|
|
- padding-bottom: 20rpx;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-bg-white {
|
|
|
- background-color: #fff;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-group-name {
|
|
|
- width: 100%;
|
|
|
- font-size: 32rpx;
|
|
|
- font-weight: bold;
|
|
|
- text-align: center;
|
|
|
- padding: 24rpx 0;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-activity-box {
|
|
|
- display: flex;
|
|
|
- border-radius: 12rpx;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-activity-img {
|
|
|
- width: 50%;
|
|
|
- display: block;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-new-box {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- flex-wrap: wrap;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-new-item {
|
|
|
- width: 49%;
|
|
|
- height: 200rpx;
|
|
|
- padding: 0 20rpx;
|
|
|
- box-sizing: border-box;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- background: #f5f2f9;
|
|
|
- position: relative;
|
|
|
- border-radius: 12rpx;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-new-mtop {
|
|
|
- margin-top: 2%;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-title-box {
|
|
|
- font-size: 24rpx;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-new-title {
|
|
|
- line-height: 32rpx;
|
|
|
- word-break: break-all;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-new-price {
|
|
|
- padding-top: 18rpx;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-new-present {
|
|
|
- color: #ff201f;
|
|
|
- font-weight: bold;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-new-original {
|
|
|
- display: inline-block;
|
|
|
- color: #a0a0a0;
|
|
|
- text-decoration: line-through;
|
|
|
- padding-left: 12rpx;
|
|
|
- transform: scale(0.8);
|
|
|
- transform-origin: center center;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-new-img {
|
|
|
- width: 160rpx;
|
|
|
- height: 160rpx;
|
|
|
- display: block;
|
|
|
- flex-shrink: 0;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-new-label {
|
|
|
- width: 56rpx;
|
|
|
- height: 56rpx;
|
|
|
- border-top-left-radius: 12rpx;
|
|
|
- position: absolute;
|
|
|
- left: 0;
|
|
|
- top: 0;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-product-list {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: wrap;
|
|
|
- box-sizing: border-box;
|
|
|
- /* padding-top: 20rpx; */
|
|
|
-}
|
|
|
-
|
|
|
-.tui-product-container {
|
|
|
- flex: 1;
|
|
|
- margin-right: 2%;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-product-container:last-child {
|
|
|
- margin-right: 0;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-pro-item {
|
|
|
- width: 100%;
|
|
|
- margin-bottom: 4%;
|
|
|
- background: #fff;
|
|
|
- box-sizing: border-box;
|
|
|
- border-radius: 12rpx;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-pro-img {
|
|
|
- width: auto;
|
|
|
- display: block;
|
|
|
- height: 300rpx;
|
|
|
- padding:0 20rpx;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-pro-content {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- justify-content: space-between;
|
|
|
- box-sizing: border-box;
|
|
|
- padding: 20rpx;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-pro-tit {
|
|
|
- color: #2e2e2e;
|
|
|
- font-size: 34rpx;
|
|
|
- word-break: break-all;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- display: -webkit-box;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-pro-price {
|
|
|
- padding-top: 18rpx;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-pro-time {
|
|
|
- font-size: 26rpx;
|
|
|
- font-weight: 500;
|
|
|
- color: #b5b5b5;
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-.tui-sale-price {
|
|
|
- font-size: 26rpx;
|
|
|
- font-weight: 500;
|
|
|
- color: #b5b5b5;
|
|
|
- -webkit-line-clamp: 3;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- display: -webkit-box;
|
|
|
- overflow: hidden;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-factory-price {
|
|
|
- font-size: 24rpx;
|
|
|
- color: #a0a0a0;
|
|
|
- text-decoration: line-through;
|
|
|
- padding-left: 12rpx;
|
|
|
-}
|
|
|
-
|
|
|
-.tui-pro-pay {
|
|
|
- padding-top: 10rpx;
|
|
|
- font-size: 24rpx;
|
|
|
- color: #656565;
|
|
|
+ }
|
|
|
+ .title {
|
|
|
+ padding-top: 8px;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #252525;
|
|
|
+ }
|
|
|
+ .desc {
|
|
|
+ padding-top: 8px;
|
|
|
+ font-size: 13px;
|
|
|
+ letter-spacing: 1px;
|
|
|
+ color: #827d7d;
|
|
|
+ }
|
|
|
}
|
|
|
-</style>
|
|
|
+</style>
|
xiaoshushu