From 04102f7237efefa744090ed7c25f7b5d0807b679 Mon Sep 17 00:00:00 2001
From: quanwei <419654421@qq.com>
Date: Thu, 05 Feb 2026 18:11:57 +0800
Subject: [PATCH] 完成运营中心提现和运营中心权限管理
---
mobile/pages/shop/shop.vue | 558 ++++++++++++++-----------------------------------------
1 files changed, 143 insertions(+), 415 deletions(-)
diff --git a/mobile/pages/shop/shop.vue b/mobile/pages/shop/shop.vue
index f144ce4..2926be8 100644
--- a/mobile/pages/shop/shop.vue
+++ b/mobile/pages/shop/shop.vue
@@ -1,7 +1,7 @@
<template>
<view>
<!-- #ifdef MP-WEIXIN || APP-PLUS -->
- <view class="shop_top" :class="{'topbg':scrollViewTop>10}">
+ <view class="shop_top" :class="{'topbg':scrollViewTop>10}" :style="'background-color: '+bgcolor+';'">
<view class="ww100" :style="'height:'+topBarTop()+'px;'"></view>
<view class="tc d-s-c head_top_box" :style="topBarHeight() == 0 ? '': 'height:'+topBarHeight()+'px;'">
<view class="reg180" @click="goback"><text class="icon iconfont icon-jiantou"></text></view>
@@ -13,413 +13,43 @@
<view class="wx-top-right"></view>
</view>
</view>
+ <view class="top_head pr" :style="'background-color: '+bgcolor+';'">
+ <!-- #ifndef MP-WEIXIN-->
+ <view class="state_top"></view>
+ <!-- #endif -->
+ <view class="head_top" :style="'height:'+topBarTop()+'px;'"></view>
+ <view class="d-b-c" :class="index_open_city==1?'open_city':''" :style="topBarHeight() == 0 ? '': 'height:'+topBarHeight()+'px;'">
+ </view>
+ <view class="nuter" v-if="openCategory.open">
+ <navBar style="width: 100%;" :color='openCategory.color' @currentIndex="setIndex" :currentI="thisindex"
+ :navList="category_list">
+ </navBar>
+ </view>
+ <view style="height: 20rpx;" v-else></view>
+ </view>
+ <view class="top_bg" :style="'background-color: '+bgcolor+';'">
+ </view>
<!-- #endif -->
-
- <scroll-view v-if="" scroll-y="true" :style="'height:' + scrollviewHigh + 'px;'" class="scroll-Y pr bg-f2"
- lower-threshold="50" @scrolltolower="scrolltolowerFunc" @scroll="scrollChnage">
- <view class="shop_head">
- <!-- #ifdef MP-WEIXIN || APP-PLUS -->
- <view class="ww100" :style="'height:'+topBarTop()+'px;'"></view>
- <view class="ww100" :style="'height:'+topBarHeight()+'px;'"></view>
- <!-- #endif -->
- <image class="bg_topimg" src="../../static/background_top.png" mode=""></image>
- <view class="shop_head_info">
- <view class="shop_list_body_item_shop">
- <view class="shop_list_body_item_shop_logo">
- <image :src="shop_info.logos" mode=""></image>
- </view>
- <view class="shop_list_body_item_shop_info">
- <view class="f34 white fb title">{{shop_info.store_name}}</view>
- <view class="f24 white d-s-c">
- <!-- <view>主营：{{shop_info.category_name}}</view> -->
- <view class="pr20">
- <text class="icon iconfont icon-htmal5icon24"></text> {{shop_info.server_score}}分
- </view>
- <view v-if="shop_info.fav_count>0">{{shop_info.fav_count}}人关注</view>
- </view>
- <!-- <view class="f26 d-s-c">
- <view class="flex-1">
- <text class="icon iconfont icon-dizhi"></text>
- {{shop_info.address}}
- </view>
- </view> -->
- </view>
- <view class="shop_list_body_item_shop_others">
- <view v-if="isfollow == 0" class="collect_btn" @click="guanzhu()"><text
- class="icon iconfont icon-guanzhu1 mr10"></text>关注</view>
- <view v-if="isfollow == 1" class="collect_btn collected" @click="guanzhu()">已关注</view>
- </view>
- </view>
- <view class="shop-notice gray mt10 text-ellipsis">公告：{{shop_info.notice}}</view>
- </view>
- </view>
- <view :class="{'tab-fixed':isFixed}" :style="isFixed?'top:' + topHeight + 'px;':''">
- <!-- 导航栏 -->
- <view class="inner-tab tab-top">
- <view :class="nav_type==4?'item active':'item'" @click="changeNavType(4)">
- <view class="box">简介</view>
- </view>
- <!-- <view :class="nav_type==99?'item active':'item'" @click="changeNavType(99)">
- <view class="box">精选</view>
- </view> -->
- <view :class="nav_type==0?'item active':'item'" @click="changeNavType(0)">
- <view class="box">商品</view>
- </view>
- <view :class="nav_type==5?'item active':'item'" @click="changeNavType(5)">
- <view class="box">活动列表</view>
- </view>
- <!-- <view :class="nav_type==2?'item active':'item'" @click="changeNavType(2)">
- <view class="box">优惠券</view>
- </view> -->
- <view :class="nav_type==1?'item active':'item'" @click="changeNavType(1)"
- v-if="is_record==1&&is_open==1">
- <view class="box">直播</view>
- </view>
- <view :class="nav_type==6?'item active':'item'" @click="changeNavType(6)">
- <view class="box">案例</view>
- </view>
- <!-- <view :class="nav_type==3?'item active':'item'" @click="changeNavType(3)">
- <view class="box">商家</view>
- </view> -->
- </view>
- <!-- 导航栏 -->
- </view>
- <view class="ww100" style="height: 80rpx;" v-if="isFixed"></view>
- <view class="shop" :class="nav_type==0?'shop-product':''" v-if="shop_info!=''"
- :style="'min-height:' + scrollviewHigh + 'px;'">
- <view class="shop_head_banner pr bg-white" v-if="adList!= ''">
- <swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000">
- <swiper-item class="swiper-item" v-for="(item,index) in adList" :key="index">
- <image :src="item.image.file_path" mode=""></image>
- </swiper-item>
- </swiper>
- </view>
- <view v-if="nav_type==4">
- <view class="shop_info_description" v-html="shop_info.description">
-
- </view>
- </view>
- <view v-if="nav_type==6">
- <scroll-view scroll-y="true" class="scroll-Y" lower-threshold="50"
- @scrolltolower="scrolltolowerFunc">
- <view class="article-list">
- <view class="item" v-for="(item, index) in articlelistData" :key="index"
- @click="gotoDetail(item.article_id)">
- <view class="info">
- <view class="title">{{ item.article_title }}</view>
- <view class="summary">{{ item.dec }}</view>
- <view class="datatime d-s-c">
- <text>{{ item.create_time }}</text>
- <text class="icon iconfont icon-chakan ml30"></text>
- <text class="ml10">{{ item.actual_views }}</text>
- </view>
- </view>
- <view class="pic" v-if="item.image != null">
- <image :src="item.image.file_path" mode="aspectFill"></image>
- </view>
- </view>
- </view>
-
- <!-- 没有记录 -->
- <view class="d-c-c p30" v-if="listData.length == 0 && !loading">
- <text class="iconfont icon-wushuju"></text>
- <text class="cont">亲，暂无相关记录哦</text>
- </view>
- <uni-load-more v-else :loadingType="loadingType"></uni-load-more>
- </scroll-view>
- </view>
- <!-- 精选 -->
- <view v-if="nav_type==99">
- <!-- <view class="bg-white pt30">
- <view class="card-box d-b-c" v-if="card_num" @click.stop="gotoPage('/pages/user/card/list')">
- <view class="d-s-c"><image class="v-log" src="/static/icon/log-vip.png" mode=""></image>领取会员卡，各种优惠享不停</view>
- <view class="btn-card-box">立即领取<text class="icon iconfont icon-jiantou"></text></view>
- </view>
- </view> -->
- <view class="shop-coupon bg-white" v-if="listData.length > 0">
- <scroll-view scroll-x="true">
- <view class="swiper swiper-list">
- <view class="" v-for="(item, index) in listData" :key="index" v-if="index<=5">
- <view class="coupon-item" :class="'bg-' + item.color.text">
- <view class="side-line left-side-line"><text class="round"
- v-for="(round, num) in 8" :key="num"></text></view>
- <view class="side-line right-side-line"><text class="round"
- v-for="(round, num) in 8" :key="num"></text></view>
- <view class="left-type d-s-c">
- <template v-if="item.coupon_type.value == 10">
- <text class="f20">￥</text>
- <text class="f26 fb">{{ item.reduce_price }}</text>
- </template>
- <template v-if="item.coupon_type.value == 20">
- <text class="f24 fb">{{ item.discount }}</text>
- <text class="f20">折</text>
- </template>
- </view>
- <view class="center-content pr">
- <view class="content-top">
- <text class="f22 text-ellipsis">{{ item.name }}</text>
- </view>
- <view class="content-bottom f20">
- {{item.price_text}}
- </view>
- </view>
- <!--领取-->
- <view v-if="item.is_get == 0" class="right-receive d-c-c"
- @click="receiveCoupon(index)">
- 领
- </view>
- <view v-else class="right-receive no-receive d-c-c">
- 已领
- </view>
- </view>
- </view>
- </view>
- </scroll-view>
- </view>
- <!-- 商品导航栏 -->
- <view class="inner-tab tab-product tab-index"
- :style="tabIndexFixed?'position:fixed;width:100%;top:' + (topHeight*1+34) + 'px;':''">
- <view :class="type_active=='all'?'item active':'item'" @click="tabTypeFunc('all')">
- <view class="box">推荐</view>
- </view>
- <view :class="type_active=='sales'?'item active':'item'" @click="tabTypeFunc('sales')">
- <view class="box">销量</view>
- </view>
- <view :class="type_active=='new'?'item active':'item'" @click="tabTypeFunc('new')">
- <view class="box">新品</view>
- </view>
- <view :class="type_active=='price'?'item active':'item'" @click="tabTypeFunc('price')">
- <view class="box">
- <text>价格</text>
- </view>
- </view>
- </view>
- <view class="ww100" style="height: 80rpx;" v-if="tabIndexFixed"></view>
- <!-- 商品导航栏 -->
- <view class="shop_body2">
- <view class="shop_body_t_item" v-for="(item,index) in product_list" :key="index"
- @click="goto_product(item.product_id)">
- <image :src="item.product_image" mode=""></image>
- <view class="shop_body_t_item_info">
- <view class="shop_body_t_item_info_title h1">{{item.product_name}}</view>
- <view class="shop_body_t_item_info_price">
- <view class="f24 redF6">¥<text class="h1">{{item.product_price}}</text></view>
- <view class="f24 huaxianjia">¥<text class="h3">{{item.line_price}}</text></view>
- </view>
- <view class="shop_body_t_item_info_others h3">
- <view class="shop_body_t_item_info_others_sales">累计成交：{{item.product_sales}}笔</view>
- </view>
- </view>
- </view>
- </view>
- </view>
- <!-- 商品导航栏 -->
- <view class="inner-tab tab-product tab-product-list" v-if="nav_type==0"
- :style="tabProductFixed?'position:fixed;width:100%;top:' + (topHeight*1+34) + 'px;':''">
- <view :class="type_active=='all'?'item active':'item'" @click="tabTypeFunc('all')">
- <view class="box">综合</view>
- </view>
- <view :class="type_active=='sales'?'item active':'item'" @click="tabTypeFunc('sales')">
- <view class="box">销量</view>
- </view>
- <view :class="type_active=='price'?'item active':'item'" @click="tabTypeFunc('price')">
- <view class="box">
- <text>价格</text>
- </view>
- </view>
- <view class="item">
- <view class="box">
- <image @click="select_type()"
- :src="isLieBiao == true?'/static/shop/liebiao.png':'/static/shop/tubiao.png'"></image>
- </view>
- </view>
- </view>
- <view class="ww100" style="height: 80rpx;" v-if="tabProductFixed"></view>
- <!-- 商品导航栏 -->
- <view class="shop_body" v-if="isLieBiao ==true&&nav_type==0">
- <view class="shop_body_l_item" :class="index==listData.length-1?'noborder':''"
- v-for="(item,index) in product_list" :key="index" @click="goto_product(item.product_id)">
- <view>
- <image :src="item.product_image" mode=""></image>
- </view>
- <view class="shop_body_l_item_info">
- <view class="shop_body_l_item_info_title gray3 f32">{{item.product_name}}</view>
- <view class="d-b-c pb10">
- <view class="shop_body_l_item_info_price">
- <view class="f24 shop_red">¥<text class="f32 fb">{{item.product_price}}</text>
- </view>
- <!-- <view class="h4 huaxianjia">¥<text class="h3">{{item.line_price}}</text></view> -->
- </view>
- <view class="shop_body_l_item_info_others f22">
- <!-- <view class="shop_body_l_item_info_others_sales">累计成交：{{item.product_sales}}笔</view> -->
- </view>
- </view>
- </view>
- </view>
- </view>
- <view class="shop_body2" v-if="isLieBiao ==false&&nav_type==0">
- <view class="shop_body_t_item" v-for="(item,index) in product_list" :key="index"
- @click="goto_product(item.product_id)">
- <image :src="item.product_image" mode=""></image>
- <view class="shop_body_t_item_info">
- <view class="shop_body_t_item_info_title h1">{{item.product_name}}</view>
- <view class="shop_body_t_item_info_price">
- <view class="f24 redF6">¥<text class="h1">{{item.product_price}}</text></view>
- <view class="f24 huaxianjia">¥<text class="h3">{{item.line_price}}</text></view>
- </view>
- <view class="shop_body_t_item_info_others h3">
- <view class="shop_body_t_item_info_others_sales">累计成交：{{item.product_sales}}笔</view>
- </view>
- </view>
- </view>
- </view>
- <!-- 直播 -->
- <view v-if="nav_type==1">
- <view class="live_list" v-if="liveList.length>0">
- <view v-for="(liveitem,liveindex) in liveList" :key="liveindex" class="live_item"
- @click="toRoom(liveitem)">
- <view v-if="liveitem.record_url!=''" class="record">可回放</view>
- <view v-if="liveitem.record_url==''" class="record_off">回放生成中</view>
- <view class="live_img">
- <image :src="liveitem.share.file_path" mode=""></image>
- </view>
- </view>
- </view>
- <view class="ww100" v-else>
- <view class="f30 gray6 tc mt50 pt20">暂无直播间</view>
- </view>
- </view>
- <!-- 客服 -->
- <view v-if="nav_type==3">
- <view class="d-s-s d-c p-0-30 mt20 mpservice-wrap" v-if="!isloding">
- <view class="noDatamodel"
- v-if="dataModel==null||(dataModel.qq==''&&dataModel.wechat==''&&dataModel.phone=='')">
- 该商家尚未设置客服</view>
- <template v-if="dataModel!=null">
- <view v-if="dataModel.qq!=''" class="d-b-c p-20-0 f30 ww100 border-b"
- @click="copyQQ(dataModel.qq)">
- <text class="gray9" style="width: 140rpx;"><text
- class='icon iconfont icon-qq'></text></text>
- <text class="p-0-30 flex-1">{{dataModel.qq}}</text>
- <text class="blue">复制</text>
- </view>
- <view v-if="dataModel.wechat!=''" class="d-b-c p-20-0 f30 ww100 border-b"
- @click="copyQQ(dataModel.qq)">
- <text class="gray9" style="width: 140rpx;"><text
- class='icon iconfont icon-weixin'></text></text>
- <text class="p-0-30 flex-1">{{dataModel.wechat}}</text>
- <text class="blue">复制</text>
- </view>
- <view v-if="dataModel.phone!=''" class="d-b-c p-20-0 f30 ww100"
- @click="callPhone(dataModel.phone)">
- <text class="gray9" style="width: 140rpx;"><text
- class='icon iconfont icon-002dianhua'></text></text>
- <text class="p-0-30 flex-1">{{dataModel.phone}}</text>
- <text class="blue">拨打</text>
- </view>
- </template>
- </view>
- </view>
- <!-- 优惠券 -->
- <view class="coupon" v-if="listData.length>=1&&nav_type==2">
- <view class="diy-coupon">
- <view class=" mt20 mb20" v-for="(item, index) in listData" :key="index">
- <view class="coupon-item" :class="'bg-' + item.color.text">
- <view class="side-line left-side-line"><text class="round" v-for="(round, num) in 8"
- :key="num"></text></view>
- <view class="side-line right-side-line"><text class="round" v-for="(round, num) in 8"
- :key="num"></text></view>
- <view class="left-type d-c-c">{{ item.coupon_type.text }}</view>
- <view class="center-content pr">
- <view class="content-top">
- <template v-if="item.coupon_type.value == 10">
- <text class="f22">￥</text>
- <text class="f50 fb">{{ item.reduce_price }}</text>
- <template v-if="item.total_num >= 0">
- <text class="ml10">仅剩{{ item.total_num }}张</text>
- </template>
- <template v-else>
- <text class="ml10">不限数量</text>
- </template>
- </template>
- <template v-if="item.coupon_type.value == 20">
- <text class="f50 fb">{{ item.discount }}</text>
- <text>折</text>
- </template>
- </view>
- <view class="content-bottom">
- <text class="f24">{{ item.name }}</text>
- </view>
- <view class="content-datatime">
- <template v-if="item.expire_type == 20">
- 有效期：{{ item.start_time.text }} 至 {{ item.end_time.text }}
- </template>
- <template v-if="item.expire_type == 10">
- 有效期：领取后{{ item.expire_day }}天有效
- </template>
- </view>
- </view>
- <!--领取-->
- <view v-if="item.is_get == 0" class="right-receive d-c-c" @click="receiveCoupon(index)">
- 立即领取
- </view>
- <view v-else class="right-receive no-receive d-c-c">
- 已领取
- </view>
- </view>
- <view class="range_item d-b-c" v-if="item.apply_range == 20"
- @click.stop="gotoPage('/pages/coupon/detail?coupon_id='+ item.coupon_id)">
- <view>限购店铺部分商品</view>
- <view><text class="icon iconfont icon-jiantou"
- style="color: #999999; font-size: 24rpx;"></text></view>
- </view>
- </view>
- </view>
- </view>
- <!-- 优惠券 -->
- </view>
- <!-- 商品列表 -->
- <view v-if="nav_type==0 || nav_type==99">
- <view class="d-c-c p30" v-if="product_list.length==0 && !loading">
- <text class="iconfont icon-wushuju"></text>
- <text class="cont">亲，暂无相关记录哦</text>
- </view>
- <uni-load-more v-else :loadingType="loadingType"></uni-load-more>
- <view class="" style="width: 100%;height: 100rpx;">
-
- </view>
- </view>
- </scroll-view>
- <!-- 底部导航 -->
- <!-- <view class="d-a-c nav_bottom">
- <view :class="nav_type==0?'active':''" @click="nav_type=0">
- <view class="icon iconfont icon-Homehomepagemenu"></view>
- <view>首页</view>
- </view>
- <view v-if="is_record==1&&is_open==1" :class="nav_type==1?'active':''" @click="nav_type=1">
- <view class="icon iconfont icon-dianpu1"></view>
- <view>直播</view>
- </view>
- <view v-if="listData.length>0" :class="nav_type==2?'active':''" @click="nav_type=2">
- <view class="icon iconfont icon-quan"></view>
- <view>优惠券</view>
- </view>
- <view v-if="service_open" :class="nav_type==3?'active':''" @click="toSevice">
- <view class="icon iconfont icon-kefu2"></view>
- <view>客服</view>
- </view>
- </view> -->
+ <diy style="position: relative;" :diyItems="items" :city_supplier_ids="city_supplier_ids"
+ :index_open_city="index_open_city"></diy>
+ <tabBar :vars="vars"></tabBar>
</view>
</template>
<script>
import uniLoadMore from "@/components/uni-load-more.vue";
+ import diy from '@/components/diy/diy.vue';
+ import tabBar from "@/components/shoptabbar/footTabbar.vue"
export default {
components: {
- uniLoadMore
+ uniLoadMore,
+ tabBar
},
data() {
return {
+ bgcolor:'',
+ longitude:'',
+ latitude:'',
isLieBiao: true,
shop_info: '', //店铺信息
articlelistData: [],
@@ -486,7 +116,20 @@
tabProductTop: 0,
tabProductFixed: false,
card_num: 0,
- store_id: ''
+ store_id: '',
+ category_list: [],
+ product_list: [],
+ city_supplier_ids:[],
+ index_cityname:'',
+ index_open_city:0,
+ openCategory: {
+ color: "#000000",
+ open: 0
+ },
+ items: [],
+ url:'',
+ toplogo:'',
+ vars:{}
}
},
computed: {
@@ -506,7 +149,15 @@
onLoad(option) {
let self = this;
self.GetStatusBarHeight();
- self.shop_supplier_id = option.shop_supplier_id;
+ if( option.shop_supplier_id){
+ uni.setStorageSync('shop_supplier_id',option.shop_supplier_id)
+ }
+ self.shop_supplier_id = option.shop_supplier_id||uni.getStorageSync('shop_supplier_id');
+ //#ifdef H5
+ if (this.isWeixin()) {
+ this.url = window.location.href;
+ }
+ //#endif
},
onShow() {
if (this.store_id > 0) {
@@ -526,10 +177,10 @@
methods: {
changeNavType(e) {
this.nav_type = e;
- this.page=1;
+ this.page = 1;
if (e == 0) {
this.initTabProduct();
- }else if(e==6){
+ } else if (e == 6) {
this.articleGetData();
}
},
@@ -659,7 +310,7 @@
},
//获取数据列表
- getData() {
+ /* getData() {
let self = this;
self.loading = true;
self._post('supplier.index/index', {
@@ -694,7 +345,7 @@
})
self.getservice();
})
- },
+ }, */
//选择图标模式或者列表模式 true 为列表模式 false 为图表模式
select_type() {
@@ -856,7 +507,83 @@
/*跳转文章详情*/
gotoDetail(e) {
this.gotoPage('/pages/article/detail/detail?article_id=' + e);
- }
+ },
+ /*获取首页分类*/
+ getData() {
+ let self = this;
+ uni.showLoading({
+ title: '加载中'
+ });
+ self._get('supplier.page/index', {
+ url: self.url,
+ longitude:self.longitude,
+ latitude:self.latitude,
+ shop_supplier_id: self.shop_supplier_id,
+ }, function(res) {
+ self.listData = res.data.list;
+ self.background = res.data.background;
+ self.items = res.data.items;
+ self.title_name = res.data.page.params.title;
+ self.bgcolor = res.data.page.style.titleBackgroundColor;
+ self.msgNum = res.data.msgNum;
+ self.toplogo = res.data.page.style.toplogo;
+ self.setPage(res.data.page);
+ self.title_type = res.data.page.params.title_type;
+ self.titleTextColor = res.data.page.style.titleTextColor;
+ self.openCategory = res.data.page.category;
+ self.vars = res.data.vars;
+ console.log('vars');
+ console.log(self.vars);
+ self.index_open_city=res.data.setting.store.index_open_city;
+ self.underline_price_show=res.data.setting.store.underline_price_show;
+ if(res.data.setting.store.index_open_city==1){
+ self.getAddress();
+ }
+ //弹出收藏
+ // #ifdef MP-WEIXIN
+ let isFirst = uni.getStorageSync('isFirst');
+ if (isFirst == '' && res.data.setting.collection.status == '1') {
+ self.is_collection = true;
+ uni.setStorageSync('isFirst', 1);
+ }
+ self.is_follow = res.data.setting.officia.status;
+ // #endif
+ // 首页推送
+ let homepush_name = uni.getStorageSync('homepush_name');
+ if (res.data.setting.homepush.is_open && homepush_name != res.data.setting.homepush.name) {
+ self.homepush_data = res.data.setting.homepush;
+ self.is_homepush = true;
+ self.is_homepush = true;
+ }
+ // 配置微信扫一扫参数
+ //#ifdef H5
+ if (self.url != '') {
+ self.jweixin = self.configWxScan(res.data.signPackage);
+ }
+ //#endif
+ uni.hideLoading();
+ self.loadding = false;
+ uni.stopPullDownRefresh();
+ });
+ },
+ /*设置页面*/
+ setPage(page) {
+
+ uni.setNavigationBarTitle({
+ title: page.params.name
+ });
+
+ let colors = '#000000';
+ if (page.style.titleTextColor == 'white') {
+ //字母要小写
+ colors = '#ffffff'
+ }
+ uni.setNavigationBarColor({
+ frontColor: colors,
+ backgroundColor: page.style.titleBackgroundColor
+ })
+ uni.setStorageSync('page',page);
+ },
}
}
</script>
@@ -1840,7 +1567,7 @@
font-size: 28rpx;
line-height: 2;
}
-
+
.article-list-wrap .type-list .tab-item {
padding: 0 30rpx;
font-size: 34rpx;
@@ -1849,16 +1576,17 @@
white-space: nowrap;
border-bottom: 4rpx solid #FFFFFF;
}
- .article-list-wrap .type-list .tab-item.active{
+
+ .article-list-wrap .type-list .tab-item.active {
border-bottom: 4rpx solid;
@include border_color('border_color');
margin-bottom: 0;
}
-
+
.article-list {
background: #ffffff;
}
-
+
.article-list .item {
padding: 30rpx;
display: flex;
@@ -1866,22 +1594,22 @@
align-items: center;
border-bottom: 1px solid #e3e3e3;
}
-
+
.article-list .item .info {
flex: 1;
overflow: hidden;
}
-
+
.article-list .item .title {
font-size: 36rpx;
}
-
+
.article-list .item .summary {
margin-top: 20rpx;
font-size: 28rpx;
color: #999999;
}
-
+
.article-list .item .title,
.article-list .item .summary {
display: -webkit-box;
@@ -1889,17 +1617,17 @@
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
-
+
.article-list .item .pic {
padding-left: 30rpx;
}
-
+
.article-list .item .pic,
.article-list .item .pic image {
width: 160rpx;
height: 160rpx;
}
-
+
.article-list .item .datatime {
margin-top: 20rpx;
font-size: 24rpx;
--
Gitblit v1.9.2