通告模块

app.json

@@ -4,19 +4,21 @@
         "pages/tabbar/smartStore/index",
         "pages/tabbar/mine/index",
         "pages/tabbar/message/index",
-        "pages/tabbar/workbench/index"
+        "pages/tabbar/workbench/index",
+        "pages/annunciate/index",
+        "pages/annunciate/details"
     ],
     "usingComponents": {
         "My_card": "/components/My_card/index",
-        "My_elevatory":"/components/My_elevatory/index",
+        "My_elevatory": "/components/My_elevatory/index",
         "van-button": "@vant/weapp/button/index",
         "van-icon": "@vant/weapp/icon/index",
         "van-image": "@vant/weapp/image/index",
         "van-loading": "@vant/weapp/loading/index",
         "van-tab": "@vant/weapp/tab/index",
         "van-tabs": "@vant/weapp/tabs/index",
-        "van-search": "@vant/weapp/search/index"
-        
+        "van-search": "@vant/weapp/search/index",
+        "van-tag": "@vant/weapp/tag/index"
     },
     "tabBar": {
         "custom": true,

app.wxss

@@ -23,6 +23,16 @@ page {
 navigator {
     background: none;
 }
+/* 提交按钮 */
+.submit {
+    width: 350rpx;
+    height: 60rpx !important;
+    background: #3874F6;
+    border-radius: 60rpx !important;
+    font-size: 28rpx;
+    font-family: PingFang SC-Regular, PingFang SC;
+    color: #FFFFFF;
+}
 
 /* 文本行数限制 */
 .line-1 {
@@ -41,4 +51,9 @@ navigator {
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-box-orient: vertical;
+}
+
+.multi-line {
+    word-break: break-all;
+    white-space: pre-wrap;
 }

components/My_card/index.scss

@@ -7,7 +7,7 @@
     box-sizing: border-box;
     overflow: hidden;
 
-    .title {
+    .mtitle {
         display: flex;
         align-items: center;
         justify-content: space-between;

components/My_card/index.wxml

@@ -1,5 +1,5 @@
 <view class="my-card custom-class" hover-class="{{hover?'hover':'none'}}" hover-start-time='50' hover-stay-time='100'>
-    <view class="title" wx:if="{{title}}">
+    <view class="mtitle" wx:if="{{title}}">
         <view class="title-l">{{title}}</view>
         <slot name='title-r'></slot>
     </view>

pages/annunciate/details.js

@@ -0,0 +1,96 @@
+// pages/annunciate/details.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+        rate: {
+            nubmer: 5,
+            text: "非常满意"
+        }
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+
+    },
+    rateChange({
+        detail
+    }) {
+        let rate = {
+            nubmer: detail,
+            text: ""
+        }
+        switch (detail) {
+            case 1:
+                rate.text = '很不满意'
+                break;
+            case 2:
+                rate.text = '不满意'
+                break;
+            case 3:
+                rate.text = '一般'
+                break;
+            case 4:
+                rate.text = '满意'
+                break;
+            case 5:
+                rate.text = '非常满意'
+                break;
+        }
+        this.setData({
+            rate
+        })
+    },
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
+
+    }
+})

pages/annunciate/details.json

@@ -0,0 +1,5 @@
+{
+    "usingComponents": {
+        "van-rate": "@vant/weapp/rate/index"
+    }
+}

pages/annunciate/details.scss

@@ -0,0 +1,229 @@
+@import "./incidental.scss";
+
+/* 主要区域 */
+.main {
+    width: 100%;
+    background-color: #ffffff;
+    padding: 30rpx;
+    box-sizing: border-box;
+
+    .title {
+        font-size: 30rpx;
+        font-family: PingFang SC-Bold, PingFang SC;
+        font-weight: bold;
+        color: #333333;
+        line-height: 44rpx;
+    }
+
+    .incidental {
+        width: 100%;
+        margin-top: 20rpx;
+    }
+}
+
+/* 通告评价 */
+.evaluate {
+    .title-r {
+        font-size: 24rpx;
+        font-family: PingFang SC-Regular, PingFang SC;
+        color: #999999;
+    }
+
+    .score {
+        display: flex;
+        align-items: center;
+        height: 48rpx;
+        // margin-left: 30rpx;
+        margin: 40rpx 0 50rpx 30rpx;
+
+        .rate {
+            padding: 0 20rpx;
+            margin-top: -12rpx;
+        }
+
+
+    }
+
+}
+
+
+/* 虚线 */
+.cut-off-rule {
+    width: 100%;
+    height: 1rpx;
+    box-sizing: border-box;
+    border-bottom: 1rpx dashed #CCCCCC;
+    margin-top: 30rpx;
+}
+
+/* 文本域 */
+textarea {
+    width: 630rpx;
+    height: 210rpx;
+    background: #F5F5F5;
+    border-radius: 8rpx;
+    margin: 24rpx auto 0;
+    padding: 20rpx 30rpx;
+    box-sizing: border-box;
+    text-align: left;
+}
+
+/* 按钮盒子 */
+.but-box {
+    width: 100%;
+    text-align: center;
+    margin: 50rpx 0;
+}
+
+.head {
+    display: flex;
+    justify-content: space-between;
+    background: none !important;
+
+    .box {
+        width: 336rpx;
+        height: 184rpx;
+        background: #ffffff;
+        border-radius: 16rpx;
+        padding: 20rpx 30rpx;
+        box-sizing: border-box;
+
+        .title {
+            display: flex;
+            align-items: center;
+            height: 40rpx;
+            font-size: 28rpx !important;
+            font-family: PingFang SC-Bold, PingFang SC;
+            font-weight: bold;
+            color: #333333;
+
+            text {
+                color: var(--assist);
+                font-size: 40rpx;
+                margin-right: 10rpx;
+            }
+        }
+
+        .data {
+            display: flex;
+            width: 100%;
+            height: 84rpx;
+            margin-top: 20rpx;
+            text-align: center;
+
+            .subarea {
+                flex: 1;
+
+                .nubmer {
+                    height: 40rpx;
+                    font-size: 28rpx;
+                    font-family: PingFang SC-Bold, PingFang SC;
+                    font-weight: bold;
+                    color: var(--assist);
+                }
+
+                .string {
+                    height: 34rpx;
+                    font-size: 24rpx;
+                    font-family: PingFang SC-Regular, PingFang SC;
+                    color: #666666;
+                    margin-top: 10rpx;
+                }
+            }
+
+            .vertical {
+                width: 2rpx;
+                height: 74rpx;
+                margin-top: 10rpx;
+                background: #EEEEEE;
+            }
+        }
+    }
+}
+
+.data-main {
+    background: none !important;
+
+    .data-content {
+        padding: 30rpx;
+        padding-right: 0;
+        background-color: #ffffff;
+
+        .title {
+            display: flex;
+            justify-content: space-between;
+            width: 630rpx;
+            height: 40rpx;
+
+            &_l {
+                font-size: 28rpx;
+                font-family: PingFang SC-Bold, PingFang SC;
+                font-weight: bold;
+                color: #333333;
+            }
+
+            &_r {
+                height: 34rpx;
+                font-size: 24rpx;
+                font-family: PingFang SC-Regular, PingFang SC;
+                color: #999999;
+                margin-top: 6rpx;
+            }
+        }
+
+        .user-list {
+            width: 100%;
+            margin-top: 30rpx;
+            width: 630rpx;
+            background: #F5F5F5;
+            border-radius: 16rpx;
+
+            .user {
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+                width: 600rpx;
+                height: 90rpx;
+                margin-left: 30rpx;
+
+                view {
+                    width: 530rpx;
+                    font-size: 28rpx;
+                    font-family: PingFang SC-Regular, PingFang SC;
+                    color: #666666;
+                }
+
+                text {
+                    font-size: 26rpx;
+                    color: var(--warning);
+                }
+            }
+        }
+    }
+}
+
+.tab {
+    display: flex;
+    width: 100%;
+
+    &_item {
+        flex: 1;
+        height: 96rpx;
+        background-color: #F8F9FA;
+        border-radius: 16rpx 16rpx 0 0;
+        line-height: 96rpx;
+        text-align: center;
+        font-size: 28rpx;
+        font-family: PingFang SC-Regular, PingFang SC;
+        color: #666666;
+    }
+
+    .active {
+        position: relative;
+        background-color: #ffffff;
+        font-size: 28rpx;
+        font-family: PingFang SC-Bold, PingFang SC;
+        font-weight: bold;
+        color: #3874F6;
+    }
+}

pages/annunciate/details.wxml

@@ -0,0 +1,99 @@
+<van-tabs swipeable sticky color='var(--assist)' title-active-color='var(--assist)'>
+    <van-tab title="数据">
+        <!-- 头部数据 -->
+        <My_card custom-class='head'>
+            <view class="box">
+                <view class="title">
+                    <text class="iconfont icon-a-tonggaoshujuliulanliang" />浏览量
+                </view>
+                <view class="data">
+                    <view class="subarea">
+                        <view class="nubmer">15</view>
+                        <view class="string">已浏览</view>
+                    </view>
+                    <view class="vertical" />
+                    <view class="subarea">
+                        <view class="nubmer">30</view>
+                        <view class="string">应浏览</view>
+                    </view>
+                </view>
+            </view>
+            <view class="box">
+                <view class="title">
+                    <text class="iconfont icon-a-tonggaoshujuxiazailiang" />下载量
+                </view>
+                <view class="data">
+                    <view class="subarea">
+                        <view class="nubmer">15</view>
+                        <view class="string">已下载</view>
+                    </view>
+                    <view class="vertical" />
+                    <view class="subarea">
+                        <view class="nubmer">30</view>
+                        <view class="string">应下载</view>
+                    </view>
+                </view>
+            </view>
+        </My_card>
+        <!--  -->
+        <My_card custom-class='data-main'>
+            <view class="tab">
+                <view class="tab_item active">未浏览人员</view>
+                <view class="tab_item">未下载人员</view>
+            </view>
+            <view class="data-content">
+                <view class="title">
+                    <view class="title_l">负责人：张三</view>
+                    <view class="title_r">
+                        应浏览：3人 未浏览：2人
+                    </view>
+                </view>
+                <view class="user-list" wx:for="{{5}}">
+                    <view class="user">
+                        <view class="line-1">江苏省苏州市姑苏区 张三丰</view>
+                        <text class="iconfont icon-a-tonggaoshujubodadianhua" />
+                    </view>
+                    <view  />
+                </view>
+            </view>
+        </My_card>
+    </van-tab>
+    <van-tab title="详情">
+        <view class="main">
+            <view class="title multi-line">多三边定制家具7月新品政策sdfsdf多三边定制家具7月新品政策65464多三边定制家具7月新品政策sadas</view>
+            <view class="incidental">
+                <view class="incidental_l">
+                    <van-tag custom-class='tag' color="#FF3B30" plain>政策公告</van-tag>
+                    <view class="time">发布于：2022-10-12</view>
+                </view>
+                <view class="incidental_r">
+                    <view class="incidental_r_item">
+                        <text class="iconfont icon-a-tonggaoliulanliang" />
+                        200
+                    </view>
+                </view>
+            </view>
+            <view class="cut-off-rule" />
+        </view>
+        <My_card custom-class="evaluate" title="通告评价" hover>
+            <view slot='title-r' class="title-r">112人评分</view>
+            <view class="score">
+                <text>总体</text>
+                <van-rate custom-class='rate' value="{{ rate.nubmer }}" size="{{ 25 }}" color="#ffd21e" void-icon="star" void-color="#eee" bind:change="rateChange" />
+                <text>{{rate.text}}</text>
+            </view>
+            <view class="but-box">
+                <van-button custom-class='submit' color="var(--assist)">提交</van-button>
+            </view>
+        </My_card>
+        <My_card title="建议与反馈">
+            <view style="width: 100%; text-align: center;">
+                <textarea placeholder="请输入您的建议与反馈"></textarea>
+                <view class="but-box">
+                    <van-button custom-class='submit' color="var(--assist)">提交</van-button>
+                </view>
+            </view>
+        </My_card>
+    </van-tab>
+
+</van-tabs>

pages/annunciate/incidental.scss

@@ -0,0 +1,54 @@
+
+.incidental {
+    display: flex;
+    justify-content: space-between;
+    height: 36rpx;
+    width: 630rpx;
+    margin-top: 10rpx;
+
+    &_l {
+        display: flex;
+        align-items: center;
+
+        .tag {
+            height: 36rpx;
+            line-height: 36rpx;
+            padding: 0 10rpx;
+            margin-right: 10rpx;
+            font-size: 20rpx;
+            font-family: PingFangSC-Regular-, PingFangSC-Regular;
+            font-weight: normal;
+        }
+
+        .time {
+            font-size: 20rpx;
+            font-family: PingFang SC-Regular, PingFang SC;
+            color: #999999;
+            margin-top: 10rpx;
+        }
+    }
+
+    &_r {
+        display: flex;
+        align-items: center;
+        font-size: 20rpx;
+        font-family: PingFang SC-Regular, PingFang SC;
+        color: #999999;
+        margin-top: 10rpx;
+
+        &_item {
+            margin-right: 30rpx;
+            height: 28rpx;
+            display: flex;
+            align-items: center;
+
+            text {
+                margin-right: 10rpx;
+            }
+        }
+
+        &_item:last-child {
+            margin-right: 0;
+        }
+    }
+}

pages/annunciate/index.js

@@ -0,0 +1,66 @@
+// pages/annunciate/index.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
+
+    }
+})

pages/annunciate/index.json

@@ -0,0 +1,4 @@
+{
+    "navigationBarTitleText": "通告",
+    "usingComponents": {}
+}

pages/annunciate/index.scss

@@ -0,0 +1,41 @@
+@import "../../static/unread.wxss";
+@import "../../components/My_card/index.scss";
+@import "./incidental.scss";
+
+.list {
+    padding: 30rpx;
+    .content {
+        display: flex;
+        width: 100%;
+        height: 80rpx;
+
+        .cover {
+            width: 80rpx;
+            height: 80rpx;
+        }
+
+        .main {
+            width: 538rpx;
+            margin-left: 12rpx;
+
+            .title {
+                height: 40rpx;
+                font-size: 28rpx;
+                font-family: PingFang SC-Medium, PingFang SC;
+                font-weight: 500;
+                color: #333333;
+            }
+
+            .explain {
+                height: 34rpx;
+                font-size: 24rpx;
+                font-family: PingFang SC-Regular, PingFang SC;
+                color: #666666;
+                margin-top: 16rpx;
+            }
+        }
+    }
+    .incidental{
+        margin-top: 18rpx;
+    }
+}

pages/annunciate/index.wxml

@@ -0,0 +1,26 @@
+<view class="unread">总共50条，未读25条</view>
+<navigator class="my-card list" url="./details" wx:for="{{20}}">
+    <view class="content">
+        <image class="cover" src="/static/image/a-cover.png" />
+        <view class="main">
+            <view class="title line-1">标题显示最多40个字符，超出部分省略标题显示最多40个字符，超出部分省略</view>
+            <view class="explain line-1">标题显示最多40个字符，超出部分省略标题显示最多40个字符，超出部分省略</view>
+        </view>
+    </view>
+    <view class="incidental">
+        <view class="incidental_l">
+            <van-tag custom-class='tag' color="#FF3B30" plain>政策公告</van-tag>
+            <view class="time">发布于：2022-10-12</view>
+        </view>
+        <view class="incidental_r">
+            <view class="incidental_r_item">
+                <text class="iconfont icon-a-tonggaofujian" />
+                附件:1
+            </view>
+            <view class="incidental_r_item">
+                <text class="iconfont icon-a-tonggaoliulanliang" />
+                200
+            </view>
+        </view>
+    </view>
+</navigator>

pages/tabbar/home/index.js

@@ -13,9 +13,27 @@ Page({
      */
     onLoad(options) {
         //获取胶囊位置信息
-        this.setData({capsule: wx.getMenuButtonBoundingClientRect()})
+        this.setData({
+            capsule: wx.getMenuButtonBoundingClientRect()
+        })
+    },
+    /* 应用程序 */
+    applications(e) {
+        const {
+            name
+        } = e.currentTarget.dataset;
+        console.log(name)
+        switch (name) {
+            case "通告":
+                wx.navigateTo({
+                    url: '/pages/annunciate/index'
+                })
+                break;
+
+            default:
+                break;
+        }
     },
-
     /**
      * 生命周期函数--监听页面初次渲染完成
      */

pages/tabbar/home/index.json

@@ -1,7 +1,6 @@
 {
     "usingComponents": {
-        "van-notice-bar": "@vant/weapp/notice-bar/index",
-        "van-tag": "@vant/weapp/tag/index"
+        "van-notice-bar": "@vant/weapp/notice-bar/index"
     },
     "navigationStyle": "custom"
 }

pages/tabbar/home/index.scss

@@ -1,3 +1,5 @@
+@import "../../annunciate/incidental.scss";//通告底部样式
+
 /* 顶部 */
 .header {
     display: flex;
@@ -218,60 +220,6 @@
                 color: #666666;
                 margin-top: 10rpx;
             }
-
-            .incidental {
-                display: flex;
-                justify-content: space-between;
-                height: 36rpx;
-                width: 630rpx;
-                margin-top: 10rpx;
-
-                &_l {
-                    display: flex;
-                    align-items: center;
-
-                    .tag {
-                        height: 36rpx;
-                        line-height: 36rpx;
-                        padding: 0 10rpx;
-                        margin-right: 10rpx;
-                        font-size: 20rpx;
-                        font-family: PingFangSC-Regular-, PingFangSC-Regular;
-                        font-weight: normal;
-                    }
-
-                    .time {
-                        font-size: 20rpx;
-                        font-family: PingFang SC-Regular, PingFang SC;
-                        color: #999999;
-                        margin-top: 10rpx;
-                    }
-                }
-
-                &_r {
-                    display: flex;
-                    align-items: center;
-                    font-size: 20rpx;
-                    font-family: PingFang SC-Regular, PingFang SC;
-                    color: #999999;
-                    margin-top: 10rpx;
-
-                    &_item {
-                        margin-right: 30rpx;
-                        height: 28rpx;
-                        display: flex;
-                        align-items: center;
-
-                        text {
-                            margin-right: 10rpx;
-                        }
-                    }
-
-                    &_item:last-child {
-                        margin-right: 0;
-                    }
-                }
-            }
         }
     }
 

pages/tabbar/home/index.wxml

@@ -19,7 +19,6 @@
 <view style="height: 130rpx;" />
 
 <!-- 滚动通知 -->
-
 <view class="scroll-area">
     <van-notice-bar custom-class='notice-bar' background="none" color='#666' text="滚动区域滚动区域滚动区域滚动区域滚动区域滚动区域滚动区域滚动区域滚动区域滚动区域">
         <text slot="left-icon" class="iconfont icon-a-shouyexiaoxigundongquxiaoxi" />
@@ -28,7 +27,7 @@
 
 <!-- 宫格区域 -->
 <My_card custom-class='grld'>
-    <navigator url="#" class="item" wx:for="{{5}}">
+    <navigator url="#" class="item" wx:for="{{5}}" data-name="通告" bindtap="applications">
         <view class="iconfont icon-a-shouyejingangqutonggao" />
         <text>通告</text>
     </navigator>
@@ -85,6 +84,4 @@
     </navigator>
 </My_card>
 
-<view style="height: 140rpx;" />
-
-<!-- <My_elevatory /> -->
+<view style="height: 140rpx;" />

project.private.config.json

@@ -5,5 +5,24 @@
         "urlCheck": false
     },
     "description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
-    "condition": {}
+    "condition": {
+        "miniprogram": {
+            "list": [
+                {
+                    "name": "通告列表",
+                    "pathName": "pages/annunciate/index",
+                    "query": "",
+                    "launchMode": "default",
+                    "scene": null
+                },
+                {
+                    "name": "通告详情",
+                    "pathName": "pages/annunciate/details",
+                    "query": "",
+                    "launchMode": "default",
+                    "scene": null
+                }
+            ]
+        }
+    }
 }

static/font-icon.wxss

@@ -1,9 +1,9 @@
 @font-face {
     font-family: "iconfont"; /* Project id 3376421 */
-    src: url('//at.alicdn.com/t/font_3376421_4ywblas7wnw.woff2?t=1652254016477') format('woff2'),
-         url('//at.alicdn.com/t/font_3376421_4ywblas7wnw.woff?t=1652254016477') format('woff'),
-         url('//at.alicdn.com/t/font_3376421_4ywblas7wnw.ttf?t=1652254016477') format('truetype'),
-         url('//at.alicdn.com/t/font_3376421_4ywblas7wnw.svg?t=1652254016477#iconfont') format('svg');
+    src: url('//at.alicdn.com/t/font_3376421_zlx8yf26sba.woff2?t=1652403242002') format('woff2'),
+         url('//at.alicdn.com/t/font_3376421_zlx8yf26sba.woff?t=1652403242002') format('woff'),
+         url('//at.alicdn.com/t/font_3376421_zlx8yf26sba.ttf?t=1652403242002') format('truetype'),
+         url('//at.alicdn.com/t/font_3376421_zlx8yf26sba.svg?t=1652403242002#iconfont') format('svg');
   }
   
   .iconfont {
@@ -14,6 +14,62 @@
     -moz-osx-font-smoothing: grayscale;
   }
   
+  .icon-a-shurukuangshanchu:before {
+    content: "\e64d";
+  }
+  
+  .icon-a-wodemendianxinxidizhi:before {
+    content: "\e64b";
+  }
+  
+  .icon-a-wodemendianxinxidianhua:before {
+    content: "\e64c";
+  }
+  
+  .icon-a-biaoqianlanxiaoxixuanzhong:before {
+    content: "\e64a";
+  }
+  
+  .icon-a-wodetuanduiguanli:before {
+    content: "\e640";
+  }
+  
+  .icon-a-wodegerenxinxitiaozhuan:before {
+    content: "\e641";
+  }
+  
+  .icon-a-wodedianhua:before {
+    content: "\e642";
+  }
+  
+  .icon-a-biaoqianlanwodexuanzhong:before {
+    content: "\e643";
+  }
+  
+  .icon-a-biaoqianlanshouye:before {
+    content: "\e644";
+  }
+  
+  .icon-a-wodemendianxinxi:before {
+    content: "\e645";
+  }
+  
+  .icon-a-wodeguanyuyingyong:before {
+    content: "\e646";
+  }
+  
+  .icon-a-wodetiaozhuan:before {
+    content: "\e647";
+  }
+  
+  .icon-a-wodeshezhi:before {
+    content: "\e648";
+  }
+  
+  .icon-a-woderenwuzhongxin:before {
+    content: "\e649";
+  }
+  
   .icon-a-tibaoguanlitibao:before {
     content: "\e63f";
   }