miniprogram / liqizhuang · 提交

转到一个项目

作者 刘晓艳
提交 7cf9c3838bb6a87d62f7ff68d9ee204d235c41e2 2 个父辈 8b0ca9cc a7fa7a8e

李七庄

内嵌 并排对比
正在显示 35 个修改的文件 包含 3904 行增加 和 5 行删除
1 { 1 {
2 "pages": [ 2 "pages": [
3 -<<<<<<< HEAD 3 + "pages/myInform/myInform",
4 "pages/my/approveInfo/approveInfo", 4 "pages/my/approveInfo/approveInfo",
5 "pages/my/approve/approve", 5 "pages/my/approve/approve",
6 "pages/matrix/article/article", 6 "pages/matrix/article/article",
7 -=======  
8 ->>>>>>> 0a5cee808ca0c031c81f44d4480eb9075f9b9b2d 7 + "pages/myComments/myComments",
  8 + "pages/myPost/myPost",
  9 + "pages/myLike/myLike",
  10 + "pages/server_1/server_1",
  11 + "pages/colleagues_2/colleagues_2",
  12 + "pages/colleagues/colleagues",
  13 + "pages/enterprise_q&a/enterprise_q&a",
9 "pages/matrix/matrix", 14 "pages/matrix/matrix",
10 "pages/interact/interactPost/interactPost", 15 "pages/interact/interactPost/interactPost",
11 "pages/interact/interact", 16 "pages/interact/interact",
  1 +Page({
  2 +
  3 + /**
  4 + * 页面的初始数据
  5 + */
  6 + data: {
  7 +
  8 + },
  9 +
  10 + /**
  11 + * 生命周期函数--监听页面加载
  12 + */
  13 + onLoad: function (options) {
  14 +
  15 + },
  16 +
  17 + /**
  18 + * 生命周期函数--监听页面初次渲染完成
  19 + */
  20 + onReady: function () {
  21 +
  22 + },
  23 +
  24 + /**
  25 + * 生命周期函数--监听页面显示
  26 + */
  27 + onShow: function () {
  28 +
  29 + },
  30 +
  31 + /**
  32 + * 生命周期函数--监听页面隐藏
  33 + */
  34 + onHide: function () {
  35 +
  36 + },
  37 +
  38 + /**
  39 + * 生命周期函数--监听页面卸载
  40 + */
  41 + onUnload: function () {
  42 +
  43 + },
  44 +
  45 + /**
  46 + * 页面相关事件处理函数--监听用户下拉动作
  47 + */
  48 + onPullDownRefresh: function () {
  49 +
  50 + },
  51 +
  52 + /**
  53 + * 页面上拉触底事件的处理函数
  54 + */
  55 + onReachBottom: function () {
  56 +
  57 + },
  58 +
  59 + /**
  60 + * 用户点击右上角分享
  61 + */
  62 + onShareAppMessage: function () {
  63 +
  64 + }
  65 +})
  1 +{
  2 + "usingComponents": {},
  3 + "navigationBarTitleText": "同事吧",
  4 + "navigationBarBackgroundColor": "#169BD5",
  5 + "navigationBarTextStyle": "white"
  6 +}
  1 +
  2 +<view class='container'>
  3 + <view class='item'>
  4 + <view class='item_top'>
  5 + 员工个税减免干货都在这里了！各家HR惠存鸭~
  6 + </view>
  7 + <view class='item_mid'>
  8 + <view class='item_mid_text'>
  9 + 新个人所得税法近日备受关注。关于个人所得税，想必大家都十分关心，让我们通过以下问题！
  10 + </view>
  11 + <!-- 图片盒子 -->
  12 + <view class='item_mid_box'>
  13 +
  14 + <view class='item_mid_box_pic'>
  15 + <image src='../../images/weirenzheng@2x.png'></image>
  16 + </view>
  17 +
  18 + <view class='item_mid_box_pic'>
  19 + <image src='../../images/weirenzheng@2x.png'></image>
  20 + </view>
  21 +
  22 + <view class='item_mid_box_pic'>
  23 + <image src='../../images/weirenzheng@2x.png'></image>
  24 + </view>
  25 + </view>
  26 + </view>
  27 + <!-- 底部 -->
  28 + <view class='item_bottom'>
  29 + <view class='item_left'>
  30 + <!-- 头像 -->
  31 + <view class='item_left_pic'>
  32 + <image src='../../images/weirenzheng@3x.png'></image>
  33 + </view>
  34 + <view class='item_name'>
  35 + 张小亮
  36 + </view>
  37 + </view>
  38 +
  39 + <view class='item_right'>
  40 + <!-- 图片 -->
  41 + <view class='item_right_pic'>
  42 + <image src='../../images/chakan@3x.png'></image>
  43 + </view>
  44 + <!-- 数量 -->
  45 + <view class='item_right_number'>
  46 + 26
  47 + </view>
  48 +
  49 + <!-- 图片 -->
  50 + <view class='item_right_pic2'>
  51 + <image src='../../images/pinglun@3x.png'></image>
  52 + </view>
  53 + <!-- 数量 -->
  54 + <view class='item_right_number'>
  55 + 26
  56 + </view>
  57 +
  58 + </view>
  59 + </view>
  60 + </view>
  61 +
  62 + <!-- 底部按钮 -->
  63 + <view class='button'>
  64 + 发表帖子
  65 + </view>
  66 +</view>
  1 +page{
  2 + background: #f7f7f7;
  3 +}
  4 +
  5 +.container{
  6 + width: 750rpx;
  7 + display: flex;
  8 + flex-flow: column;
  9 +}
  10 +.item{
  11 + display: flex;
  12 + flex-flow: column;
  13 + background: #fff;
  14 + box-sizing: border-box;
  15 + padding: 48rpx 32rpx;
  16 +}
  17 +.item_top{
  18 +
  19 + font-size:30rpx;
  20 + font-family:PingFang SC;
  21 + font-weight:600;
  22 + line-height:42rpx;
  23 + color:rgba(51,51,51,1);
  24 + opacity:1;
  25 +}
  26 +.item_mid_text{
  27 + margin-top: 22rpx;
  28 + font-size:26rpx;
  29 + font-family:PingFang SC;
  30 + font-weight:400;
  31 + line-height:30rpx;
  32 + color:rgba(51,51,51,1);
  33 + opacity:1;
  34 +}
  35 +.item_mid_box_pic{
  36 + width:218rpx;
  37 + height:224rpx;
  38 + background:rgba(0,0,0,0);
  39 + opacity:1;
  40 + display: flex;
  41 + margin-left: 10rpx;
  42 +}
  43 +.item_mid_box_pic:first-child{
  44 + margin-left: 0;
  45 +}
  46 +.item_mid_box{
  47 + margin-top: 14rpx;
  48 + display: flex;
  49 + flex-wrap: wrap;
  50 +}
  51 +.item_mid_box_pic image{
  52 + width: 100%;
  53 + height: 100%;
  54 +}
  55 +.item_bottom{
  56 + margin-top: 18rpx;
  57 + display: flex;
  58 + justify-content: space-between;
  59 +}
  60 +.item_left{
  61 + display: flex;
  62 +}
  63 +.item_left_pic{
  64 + width:32rpx;
  65 + height:32rpx;
  66 + background:rgba(0,0,0,0);
  67 + border-radius:50%;
  68 + opacity:1;
  69 + display: flex;
  70 +}
  71 +.item_left_pic image{
  72 + width: 100%;
  73 + height: 100%;
  74 +}
  75 +.item_name{
  76 +
  77 + font-size:22rpx;
  78 + font-family:PingFang SC;
  79 + font-weight:400;
  80 + line-height:32rpx;
  81 + color:rgba(204,204,204,1);
  82 + margin-left: 16rpx;
  83 + opacity:1;
  84 +}
  85 +.item_right{
  86 + display: flex;
  87 + align-items: center;
  88 +}
  89 +.item_right_pic{
  90 +
  91 + width:36rpx;
  92 + height:23rpx;
  93 + /* background:rgba(204,204,204,1); */
  94 + opacity:1;
  95 + display: flex;
  96 +}
  97 +.item_right_pic image{
  98 + width: 100%;
  99 + height: 100%;
  100 +}
  101 +.item_right_number{
  102 + margin-left: 12rpx;
  103 + width:24rpx;
  104 + height:28rpx;
  105 + font-size:20rpx;
  106 + font-family:PingFang SC;
  107 + font-weight:400;
  108 + line-height:28rpx;
  109 + color:rgba(204,204,204,1);
  110 + opacity:1;
  111 +}
  112 +.item_right_pic2{
  113 + margin-left: 40rpx;
  114 + width:34rpx;
  115 + height:32rpx;
  116 + /* background:rgba(204,204,204,1); */
  117 + opacity:1;
  118 + display: flex;
  119 +}
  120 +.item_right_pic2 image{
  121 + width: 100%;
  122 + height: 100%;
  123 +}
  124 +.button{
  125 + width:686rpx;
  126 + height:96rpx;
  127 + line-height: 96rpx;
  128 + background:linear-gradient(336deg,rgba(0,128,255,1) 0%,rgba(0,194,255,1) 100%);
  129 + opacity:1;
  130 + border-radius:8rpx;
  131 + text-align: center;
  132 + color: #fff;
  133 + position: fixed;
  134 + left: 32rpx;
  135 + bottom: 30rpx;
  136 +
  137 +}
  1 +Page({
  2 +
  3 + /**
  4 + * 页面的初始数据
  5 + */
  6 + data: {
  7 +
  8 + },
  9 +
  10 + /**
  11 + * 生命周期函数--监听页面加载
  12 + */
  13 + onLoad: function (options) {
  14 +
  15 + },
  16 +
  17 + /**
  18 + * 生命周期函数--监听页面初次渲染完成
  19 + */
  20 + onReady: function () {
  21 +
  22 + },
  23 +
  24 + /**
  25 + * 生命周期函数--监听页面显示
  26 + */
  27 + onShow: function () {
  28 +
  29 + },
  30 +
  31 + /**
  32 + * 生命周期函数--监听页面隐藏
  33 + */
  34 + onHide: function () {
  35 +
  36 + },
  37 +
  38 + /**
  39 + * 生命周期函数--监听页面卸载
  40 + */
  41 + onUnload: function () {
  42 +
  43 + },
  44 +
  45 + /**
  46 + * 页面相关事件处理函数--监听用户下拉动作
  47 + */
  48 + onPullDownRefresh: function () {
  49 +
  50 + },
  51 +
  52 + /**
  53 + * 页面上拉触底事件的处理函数
  54 + */
  55 + onReachBottom: function () {
  56 +
  57 + },
  58 +
  59 + /**
  60 + * 用户点击右上角分享
  61 + */
  62 + onShareAppMessage: function () {
  63 +
  64 + }
  65 +})
  1 +{
  2 + "usingComponents": {},
  3 + "navigationBarTitleText": "详情页",
  4 + "navigationBarBackgroundColor": "#169BD5",
  5 + "navigationBarTextStyle": "white"
  6 +}
  1 +
  2 +<view class='container'>
  3 + <view class='item'>
  4 + <view class='item_top'>
  5 + 员工个税减免干货都在这里了！各家HR惠存鸭~
  6 + </view>
  7 + <view class='item_mid'>
  8 + <view class='item_mid_text'>
  9 + 新个人所得税法近日备受关注。关于个人所得税，想必大家都十分关心，让我们通过以下问题！
  10 + <span class='color_blue'>全部</span>
  11 + </view>
  12 + <!-- 图片盒子 -->
  13 + <view class='item_mid_box'>
  14 +
  15 + <view class='item_mid_box_pic'>
  16 + <image src='../../images/weirenzheng@2x.png'></image>
  17 + </view>
  18 +
  19 + <view class='item_mid_box_pic'>
  20 + <image src='../../images/weirenzheng@2x.png'></image>
  21 + </view>
  22 +
  23 + <view class='item_mid_box_pic'>
  24 + <image src='../../images/weirenzheng@2x.png'></image>
  25 + </view>
  26 + </view>
  27 + </view>
  28 + <!-- 底部 -->
  29 + <view class='item_bottom'>
  30 + <view class='item_left'>
  31 + <!-- 头像 -->
  32 + <view class='item_left_pic'>
  33 + <image src='../../images/weirenzheng@3x.png'></image>
  34 + </view>
  35 + <view class='item_name'>
  36 + 张小亮
  37 + </view>
  38 + <!-- 时间 -->
  39 + <view class='item_time'>
  40 + 2019/01/21
  41 + </view>
  42 + <!-- 删除 -->
  43 + <view class='item_delete'>
  44 + 删除
  45 + </view>
  46 + </view>
  47 +
  48 + <view class='item_right'>
  49 + <!-- 图片 -->
  50 + <view class='item_right_pic'>
  51 + <image src='../../images/chakan@3x.png'></image>
  52 + </view>
  53 + <!-- 数量 -->
  54 + <view class='item_right_number'>
  55 + 26
  56 + </view>
  57 +
  58 + <!-- 图片 -->
  59 + <view class='item_right_pic2'>
  60 + <image src='../../images/pinglun@3x.png'></image>
  61 + </view>
  62 + <!-- 数量 -->
  63 + <view class='item_right_number'>
  64 + 26
  65 + </view>
  66 +
  67 + </view>
  68 + </view>
  69 + </view>
  70 +
  71 +
  72 + <view class='item_box'>
  73 + <!-- 回复内容1 -->
  74 + <view class='item item_bottom'>
  75 + <view class='item_list'>
  76 + <view class='item_list_left'>
  77 + <view class='item_list_left_pic'>
  78 + <image src='../../images/img.jpg'></image>
  79 + </view>
  80 + </view>
  81 + <!-- 右边 -->
  82 + <view class='item_list_right'>
  83 + <!-- 名字 -->
  84 + <view class='item_list_right_name'>
  85 + Bigman
  86 + </view>
  87 + <!-- 评论 -->
  88 + <view class='item_list_right_title'>
  89 + 祝愿祖国越来越强大！！！
  90 + </view>
  91 + <!-- 时间&点赞 -->
  92 + <view class='time_bottom'>
  93 + <view class='time_bottom_left'>
  94 + 24分钟前
  95 + </view>
  96 + <view class='time_bottom_left'>
  97 + <view>21</view>
  98 + <view class='time_bottom_left_pic'>
  99 + <image src='../../images/zan@3x.png'></image>
  100 + </view>
  101 + </view>
  102 + </view>
  103 + <!-- 底部评论 -->
  104 + <view class='text_bottom'>
  105 + <span class='color_blue'>你好啊：</span>哪个人是你
  106 + </view>
  107 + <!-- 下划线 -->
  108 + <view class='underline'></view>
  109 + </view>
  110 + </view>
  111 + </view>
  112 +
  113 + <!-- 回复内容2 -->
  114 + <view class='item item_bottom'>
  115 + <view class='item_list'>
  116 + <view class='item_list_left'>
  117 + <view class='item_list_left_pic'>
  118 + <image src='../../images/img.jpg'></image>
  119 + </view>
  120 + </view>
  121 + <!-- 右边 -->
  122 + <view class='item_list_right'>
  123 + <!-- 名字 -->
  124 + <view class='item_list_right_name'>
  125 + Bigman
  126 + </view>
  127 + <!-- 评论 -->
  128 + <view class='item_list_right_title'>
  129 + 祝愿祖国越来越强大！！！
  130 + </view>
  131 + <!-- 时间&点赞 -->
  132 + <view class='time_bottom'>
  133 + <view class='time_bottom_left'>
  134 + 24分钟前
  135 + </view>
  136 + <view class='time_bottom_left'>
  137 + <view>21</view>
  138 + <view class='time_bottom_left_pic'>
  139 + <image src='../../images/zan@3x.png'></image>
  140 + </view>
  141 + </view>
  142 + </view>
  143 + <!-- 底部评论 -->
  144 + <!-- <view class='text_bottom'>
  145 + <span class='color_blue'>你好啊：</span>哪个人是你
  146 + </view> -->
  147 + <!-- 下划线 -->
  148 + <!-- <view class='underline'></view> -->
  149 + </view>
  150 + </view>
  151 + </view>
  152 + </view>
  153 +
  154 +
  155 +
  156 + <!-- 底部发表按钮 -->
  157 + <view class='bottom_box'>
  158 + <view class='bottom_box_input'>
  159 + <input placeholder='发表评论...'></input>
  160 + </view>
  161 + <view class='bottom_box_text'>
  162 + 发表
  163 + </view>
  164 + </view>
  165 +
  166 +</view>
  1 +page{
  2 + background: #f7f7f7;
  3 +}
  4 +
  5 +.container{
  6 + width: 750rpx;
  7 + display: flex;
  8 + flex-flow: column;
  9 +}
  10 +.item{
  11 + display: flex;
  12 + flex-flow: column;
  13 + background: #fff;
  14 + box-sizing: border-box;
  15 + padding: 48rpx 46rpx 0 32rpx;
  16 +}
  17 +.item_top{
  18 +
  19 + font-size:30rpx;
  20 + font-family:PingFang SC;
  21 + font-weight:600;
  22 + line-height:42rpx;
  23 + color:rgba(51,51,51,1);
  24 + opacity:1;
  25 +}
  26 +.item_mid_text{
  27 + margin-top: 22rpx;
  28 + font-size:26rpx;
  29 + font-family:PingFang SC;
  30 + font-weight:400;
  31 + line-height:30rpx;
  32 + color:rgba(51,51,51,1);
  33 + opacity:1;
  34 +}
  35 +.item_mid_box_pic{
  36 + width:256rpx;
  37 + height:256rpx;
  38 + background:rgba(0,0,0,0);
  39 + opacity:1;
  40 + display: flex;
  41 + margin-top: 14rpx;
  42 + margin-left: 10rpx;
  43 +}
  44 +.item_mid_box_pic:first-child{
  45 + margin-left: 0;
  46 +}
  47 +.item_mid_box{
  48 + display: flex;
  49 + flex-wrap: wrap;
  50 +}
  51 +.item_mid_box_pic image{
  52 + width: 100%;
  53 + height: 100%;
  54 +}
  55 +.item_bottom{
  56 + display: flex;
  57 + justify-content: space-between;
  58 + padding: 34rpx 32rpx;
  59 +}
  60 +
  61 +
  62 +.item_left{
  63 + display: flex;
  64 +}
  65 +.item_left_pic{
  66 + width:32rpx;
  67 + height:32rpx;
  68 + background:rgba(0,0,0,0);
  69 + border-radius:50%;
  70 + opacity:1;
  71 + display: flex;
  72 +}
  73 +.item_left_pic image{
  74 + width: 100%;
  75 + height: 100%;
  76 +}
  77 +.item_name{
  78 +
  79 + font-size:22rpx;
  80 + font-family:PingFang SC;
  81 + font-weight:400;
  82 + line-height:32rpx;
  83 + color:rgba(204,204,204,1);
  84 + margin-left: 16rpx;
  85 + opacity:1;
  86 +}
  87 +.item_right{
  88 + display: flex;
  89 + align-items: center;
  90 +}
  91 +.item_right_pic{
  92 +
  93 + width:36rpx;
  94 + height:23rpx;
  95 + /* background:rgba(204,204,204,1); */
  96 + opacity:1;
  97 + display: flex;
  98 +}
  99 +.item_right_pic image{
  100 + width: 100%;
  101 + height: 100%;
  102 +}
  103 +.item_right_number{
  104 + margin-left: 12rpx;
  105 + width:24rpx;
  106 + height:28rpx;
  107 + font-size:20rpx;
  108 + font-family:PingFang SC;
  109 + font-weight:400;
  110 + line-height:28rpx;
  111 + color:rgba(204,204,204,1);
  112 + opacity:1;
  113 +}
  114 +.item_right_pic2{
  115 + margin-left: 40rpx;
  116 + width:34rpx;
  117 + height:32rpx;
  118 + /* background:rgba(204,204,204,1); */
  119 + opacity:1;
  120 + display: flex;
  121 +}
  122 +.item_right_pic2 image{
  123 + width: 100%;
  124 + height: 100%;
  125 +}
  126 +.button{
  127 + width:686rpx;
  128 + height:96rpx;
  129 + line-height: 96rpx;
  130 + background:linear-gradient(336deg,rgba(0,128,255,1) 0%,rgba(0,194,255,1) 100%);
  131 + opacity:1;
  132 + border-radius:8rpx;
  133 + text-align: center;
  134 + color: #fff;
  135 + position: fixed;
  136 + left: 32rpx;
  137 + bottom: 30rpx;
  138 +
  139 +}
  140 +.color_blue{
  141 + color: #169BD5;
  142 +}
  143 +.item_time{
  144 + margin-left: 16rpx;
  145 + font-size:22rpx;
  146 + font-family:PingFang SC;
  147 + font-weight:400;
  148 + line-height:32rpx;
  149 + color:rgba(204,204,204,1);
  150 + opacity:1;
  151 +}
  152 +.item_delete{
  153 + margin-left: 28rpx;
  154 + font-size:22rpx;
  155 + font-family:PingFang SC;
  156 + font-weight:400;
  157 + line-height:32rpx;
  158 + color:rgba(22,155,213,1);
  159 + opacity:1;
  160 +}
  161 +
  162 +.item_list{
  163 + display: flex;
  164 +}
  165 +.item_list_left{
  166 + display: flex;
  167 +}
  168 +.item_list_left_pic{
  169 + width:80rpx;
  170 + height:80rpx;
  171 + background:rgba(0,0,0,0);
  172 + opacity:1;
  173 + border-radius:50%;
  174 + display: flex;
  175 +}
  176 +.item_list_left_pic image{
  177 + width: 100%;
  178 + height: 100%;
  179 + border-radius:50%;
  180 +}
  181 +.item_list_right{
  182 + display: flex;
  183 + flex-flow: column;
  184 + flex: 1;
  185 + margin-left: 16rpx;
  186 +}
  187 +.item_list_right_name{
  188 +
  189 + font-size:24rpx;
  190 + font-family:PingFang SC;
  191 + font-weight:400;
  192 + line-height:34rpx;
  193 + color:rgba(69,96,159,1);
  194 + opacity:1;
  195 +}
  196 +.item_list_right_title{
  197 +
  198 + font-size:26rpx;
  199 + font-family:PingFang SC;
  200 + font-weight:400;
  201 + line-height:36rpx;
  202 + color:rgba(51,51,51,1);
  203 + opacity:1;
  204 +}
  205 +.time_bottom{
  206 + display: flex;
  207 + justify-content: space-between;
  208 + margin-top: 6rpx;
  209 +}
  210 +.time_bottom_left{
  211 +
  212 + font-size:20rpx;
  213 + font-family:PingFang SC;
  214 + font-weight:400;
  215 + line-height:28rpx;
  216 + color:rgba(153,153,153,1);
  217 + opacity:1;
  218 + display: flex;
  219 + align-items: center;
  220 +}
  221 +.time_bottom_left_pic{
  222 + margin-left: 8rpx;
  223 + width:22rpx;
  224 + height:20rpx;
  225 + /* background:rgba(153,153,153,1); */
  226 + opacity:1;
  227 + display: flex;
  228 +}
  229 +.time_bottom_left_pic image{
  230 + width: 100%;
  231 + height: 100%;
  232 +}
  233 +.text_bottom{
  234 + margin-top: 22rpx;
  235 + background:rgba(245,245,245,1);
  236 + border-radius:8rpx;
  237 + padding: 16rpx;
  238 + font-size:24rpx;
  239 + font-family:PingFang SC;
  240 + font-weight:400;
  241 + line-height:34rpx;
  242 + color:rgba(51,51,51,1);
  243 + opacity:1;
  244 +
  245 +
  246 +}
  247 +.underline{
  248 + margin-top: 16rpx;
  249 + width: 100%;
  250 + height: 2rpx;
  251 + background: #F5F5F5;
  252 +}
  253 +.bottom_box{
  254 + width: 750rpx;
  255 + height: 120rpx;
  256 + display: flex;
  257 + align-items: center;
  258 + justify-content: center;
  259 + background: #fff;
  260 + position: fixed;
  261 + bottom: 0;
  262 +}
  263 +.bottom_box_input{
  264 + width: 608rpx;
  265 +
  266 + display: flex;
  267 + background:rgba(247,247,247,1);
  268 + border:2px solid rgba(238,238,238,1);
  269 + opacity:1;
  270 + border-radius:8rpx;
  271 +}
  272 +.bottom_box_input input{
  273 + width: 100%;
  274 + height: 64rpx;
  275 + padding: 0 32rpx;
  276 +}
  277 +.bottom_box_input::placeholder{
  278 + /* color: #CCCCCC; */
  279 +}
  280 +.bottom_box_text{
  281 + margin-left: 16rpx;
  282 + font-size:32rpx;
  283 + font-family:PingFang SC;
  284 + font-weight:600;
  285 + line-height:44rpx;
  286 + color:rgba(51,51,51,1);
  287 + opacity:1;
  288 +}
  289 +.item_box{
  290 + margin-top: 16rpx;
  291 + margin-bottom: 200rpx;
  292 +}
  1 +Page({
  2 +
  3 + /**
  4 + * 页面的初始数据
  5 + */
  6 + data: {
  7 +
  8 + },
  9 +
  10 + /**
  11 + * 生命周期函数--监听页面加载
  12 + */
  13 + onLoad: function (options) {
  14 +
  15 + },
  16 +
  17 + /**
  18 + * 生命周期函数--监听页面初次渲染完成
  19 + */
  20 + onReady: function () {
  21 +
  22 + },
  23 +
  24 + /**
  25 + * 生命周期函数--监听页面显示
  26 + */
  27 + onShow: function () {
  28 +
  29 + },
  30 +
  31 + /**
  32 + * 生命周期函数--监听页面隐藏
  33 + */
  34 + onHide: function () {
  35 +
  36 + },
  37 +
  38 + /**
  39 + * 生命周期函数--监听页面卸载
  40 + */
  41 + onUnload: function () {
  42 +
  43 + },
  44 +
  45 + /**
  46 + * 页面相关事件处理函数--监听用户下拉动作
  47 + */
  48 + onPullDownRefresh: function () {
  49 +
  50 + },
  51 +
  52 + /**
  53 + * 页面上拉触底事件的处理函数
  54 + */
  55 + onReachBottom: function () {
  56 +
  57 + },
  58 +
  59 + /**
  60 + * 用户点击右上角分享
  61 + */
  62 + onShareAppMessage: function () {
  63 +
  64 + }
  65 +})
  1 +{
  2 + "usingComponents": {},
  3 + "navigationBarTitleText": "企业问答",
  4 + "navigationBarBackgroundColor": "#169BD5",
  5 + "navigationBarTextStyle": "white"
  6 +}
  1 +
  2 +<view class='container'>
  3 +
  4 +
  5 + <view class='top'>
  6 + <view class='top_left'>企业问答</view>
  7 + <view class='top_right'>企话吧</view>
  8 + </view>
  9 + <!-- 企业问答 -->
  10 + <view class='box_left' style='display:block'>
  11 + <view class='mid'>
  12 + <view class='mid_item'>
  13 + <!-- 左边感叹号 -->
  14 + <view class='mid_item_left'>
  15 + <image src='../../images/tishi@3x.png'></image>
  16 + </view>
  17 + <!-- 右边标题 -->
  18 + <view class='mid_item_right'>
  19 + <view class='mid_item_right_top'>
  20 + 校区门口停车难，镇政府是否可协调交管局规划车位，方便学生家长停车？
  21 + <view class='mid_label'>
  22 + <image src='../../images/huifujishi@3x.png'></image>
  23 + </view>
  24 + </view>
  25 + <view class='mid_item_right_bottom'>
  26 + 发布时间： 07-21 21:00
  27 + </view>
  28 + <!-- 回复 -->
  29 + <view class='response_box'>
  30 + <!-- 回复内容 -->
  31 + <view class='mid_item_right_response'>
  32 + <text class='color_blue'>回复:</text>
  33 + 贵单位的问题已反应到相关单位，具体实施方案将在7个工作日内反馈
  34 +
  35 + </view>
  36 + <!-- 回复时间 -->
  37 + <view class='mid_item_right_bottom'>
  38 + 回复时间：07-21 21:00
  39 + </view>
  40 + </view>
  41 +
  42 + </view>
  43 + </view>
  44 +
  45 + <view class='mid_item'>
  46 + <!-- 左边感叹号 -->
  47 + <view class='mid_item_left'>
  48 + <image src='../../images/tishi@3x.png'></image>
  49 + </view>
  50 + <!-- 右边标题 -->
  51 + <view class='mid_item_right'>
  52 + <view class='mid_item_right_top'>
  53 + 校区门口停车难，镇政府是否可协调交管局规划车位，方便学生家长停车？
  54 + <view class='mid_label'>
  55 + <image src='../../images/huifuyiban@3x.png'></image>
  56 + </view>
  57 + </view>
  58 + <view class='mid_item_right_bottom'>
  59 + 发布时间：07-21 21:00
  60 + </view>
  61 + <!-- 回复 -->
  62 + <view class='response_box'>
  63 + <!-- 回复内容 -->
  64 + <view class='mid_item_right_response'>
  65 + <text class='color_blue'>回复:</text>
  66 + 贵单位的问题已反应到相关单位，具体实施方案将在7个工作日内反馈
  67 +
  68 + </view>
  69 + <!-- 回复时间 -->
  70 + <view class='mid_item_right_bottom'>
  71 + 回复时间：07-21 21:00
  72 + </view>
  73 + </view>
  74 +
  75 + </view>
  76 + </view>
  77 +
  78 + <view class='mid_item'>
  79 + <!-- 左边感叹号 -->
  80 + <view class='mid_item_left'>
  81 + <image src='../../images/tishi@3x.png'></image>
  82 + </view>
  83 + <!-- 右边标题 -->
  84 + <view class='mid_item_right'>
  85 + <view class='mid_item_right_top'>
  86 + 校区门口停车难，镇政府是否可协调交管局规划车位，方便学生家长停车？
  87 + <view class='mid_label'>
  88 + <image src='../../images/huifuzhihuan @3x.png'></image>
  89 + </view>
  90 + </view>
  91 + <view class='mid_item_right_bottom'>
  92 + 发布时间：07-21 21:00
  93 + </view>
  94 +
  95 + <!-- 等待回复 -->
  96 + <view class='waiting_response'>
  97 + 等待回复中.....
  98 + </view>
  99 + </view>
  100 + </view>
  101 +
  102 + </view>
  103 + <!-- 提问 -->
  104 + <view class='bottom'>
  105 + <view class='bottom_question'>
  106 + 提问
  107 + </view>
  108 + </view>
  109 + </view>
  110 +
  111 + <!-- 企话吧 -->
  112 + <view class='box_right' style='display:none'>
  113 + <view class='mid'>
  114 + <!-- 标题 -->
  115 + <view class='mid_title'>
  116 + 有一条新评论 >
  117 + </view>
  118 + <!-- 条目 -->
  119 + <view class='mid_item'>
  120 + <view class='mid_item_top'>
  121 + <view class='mid_item_top_left'>
  122 + <!-- 图片 -->
  123 + <view class='mid_item_top_left_pic'>
  124 + <image src='../../images/03_nav@2x.png'></image>
  125 + </view>
  126 + <!-- 文字 -->
  127 + <view class='mid_item_top_left_text'>
  128 + 金沃斯英语在线教育
  129 + </view>
  130 + </view>
  131 + <view class='mid_item_top_right'>
  132 + 15分钟前
  133 + </view>
  134 + </view>
  135 + <!-- 文字内容 -->
  136 + <view class='mid_item_text'>
  137 + 新个人所得税法近日备受关注。关于个人所得税，想必大家都十分关心，让我们通过以下问题！
  138 + </view>
  139 + <!-- 底部 -->
  140 + <view class='mid_item_like'>
  141 + <view class='mid_item_like_left'>
  142 + 删除
  143 + </view>
  144 +
  145 + <view class='mid_item_like_right'>
  146 + <!-- 点赞 -->
  147 + <view class='mid_like color_blue'>
  148 + <image src='../../images/thumb-up-button@3x.png'></image>
  149 + </view>
  150 + <!-- 数量 -->
  151 + <view class='mid_number color_blue'>
  152 + 46
  153 + </view>
  154 +
  155 + <!-- 点赞 -->
  156 + <view class='mid_like'>
  157 + <image src='../../images/pinglun@3x.png'></image>
  158 + </view>
  159 + <!-- 数量 -->
  160 + <view class='mid_number'>
  161 + 46
  162 + </view>
  163 + </view>
  164 +
  165 + </view>
  166 +
  167 + </view>
  168 +
  169 + <!-- 条目 -->
  170 + <view class='mid_item'>
  171 + <view class='mid_item_top'>
  172 + <view class='mid_item_top_left'>
  173 + <!-- 图片 -->
  174 + <view class='mid_item_top_left_pic'>
  175 + <image src='../../images/03_nav@2x.png'></image>
  176 + </view>
  177 + <!-- 文字 -->
  178 + <view class='mid_item_top_left_text'>
  179 + 金沃斯英语在线教育
  180 + <view class='icon_tm'>
  181 + <image src='../../images/guangfang@2x.png'></image>
  182 + </view>
  183 + </view>
  184 + </view>
  185 + <view class='mid_item_top_right'>
  186 + 15分钟前
  187 + </view>
  188 + </view>
  189 + <!-- 文字内容 -->
  190 + <view class='mid_item_text'>
  191 + 新个人所得税法近日备受关注。关于个人所得税，想必大家都十分关心，让我们通过以下问题！
  192 + </view>
  193 + <!-- 底部 -->
  194 + <view class='mid_item_like'>
  195 + <view class='mid_item_like_left'>
  196 + 删除
  197 + </view>
  198 +
  199 + <view class='mid_item_like_right'>
  200 + <!-- 点赞 -->
  201 + <view class='mid_like color_blue'>
  202 + <image src='../../images/zan@3x.png'></image>
  203 + </view>
  204 + <!-- 数量 -->
  205 + <view class='mid_number '>
  206 + 46
  207 + </view>
  208 +
  209 + <!-- 点赞 -->
  210 + <view class='mid_like'>
  211 + <image src='../../images/pinglun_fill@3x.png'></image>
  212 + </view>
  213 + <!-- 数量 -->
  214 + <view class='mid_number color_blue'>
  215 + 46
  216 + </view>
  217 + </view>
  218 +
  219 + </view>
  220 +
  221 + </view>
  222 +
  223 + <!-- 条目 -->
  224 + <view class='mid_item'>
  225 + <view class='mid_item_top'>
  226 + <view class='mid_item_top_left'>
  227 + <!-- 图片 -->
  228 + <view class='mid_item_top_left_pic'>
  229 + <image src='../../images/03_nav@2x.png'></image>
  230 + </view>
  231 + <!-- 文字 -->
  232 + <view class='mid_item_top_left_text'>
  233 + 金沃斯英语在线教育
  234 + <view class='icon_tm'>
  235 + <image src='../../images/guangfang@2x.png'></image>
  236 + </view>
  237 + </view>
  238 + </view>
  239 + <view class='mid_item_top_right'>
  240 + 15分钟前
  241 + </view>
  242 + </view>
  243 + <!-- 文字内容 -->
  244 + <view class='mid_item_text'>
  245 + 新个人所得税法近日备受关注。关于个人所得税，想必大家都十分关心，让我们通过以下问题！
  246 + </view>
  247 + <!-- 底部 -->
  248 + <view class='mid_item_like'>
  249 + <view class='mid_item_like_left'>
  250 + 删除
  251 + </view>
  252 +
  253 + <view class='mid_item_like_right'>
  254 + <!-- 点赞 -->
  255 + <view class='mid_like color_blue'>
  256 + <image src='../../images/zan@3x.png'></image>
  257 + </view>
  258 + <!-- 数量 -->
  259 + <view class='mid_number '>
  260 + 46
  261 + </view>
  262 +
  263 + <!-- 点赞 -->
  264 + <view class='mid_like'>
  265 + <image src='../../images/pinglun@3x.png'></image>
  266 + </view>
  267 + <!-- 数量 -->
  268 + <view class='mid_number'>
  269 + 46
  270 + </view>
  271 + </view>
  272 +
  273 + </view>
  274 + <!-- 回复框 -->
  275 + <view class='mid_item_bottom'>
  276 + <view><span class='color_blue'>宏中科技</span>:非常实用!!!</view>
  277 + <view><span class='color_blue'>宏中科技</span>:非常实用!!!</view>
  278 + <view><span class='color_blue'>查看更多>></span></view>
  279 + </view>
  280 + </view>
  281 + </view>
  282 + </view>
  283 +</view>
  1 +page{
  2 + background: #F7F7F7;
  3 +}
  4 +.container{
  5 + width: 750rpx;
  6 + display: flex;
  7 + flex-flow: column;
  8 +
  9 +}
  10 +.top{
  11 + width: 100%;
  12 + height: 80rpx;
  13 + line-height: 80rpx;
  14 + display: flex;
  15 + justify-content: space-around;
  16 +
  17 + font-size:26rpx;
  18 + font-family:PingFang SC;
  19 + font-weight:600;
  20 + color: #999999;
  21 + background: #fff;
  22 + opacity:1;
  23 +}
  24 +.top_left{
  25 + width: 169rpx;
  26 + color: #169BD5;
  27 + border-bottom: 2px solid #169BD5;
  28 + text-align: center;
  29 +}
  30 +.mid{
  31 + margin-top: 16rpx;
  32 + width: 100%;
  33 + display: flex;
  34 + align-items: center;
  35 + flex-flow: column;
  36 + justify-content: center;
  37 + background: #fff;
  38 +
  39 +}
  40 +.mid_item{
  41 + padding: 50rpx 0;
  42 + width: 686rpx;
  43 + margin: 0 auto;
  44 + display: flex;
  45 + flex-flow: column;
  46 + justify-content: space-between;
  47 + border-bottom: 2px solid #f5f5f5;
  48 +}
  49 +.mid_item_left{
  50 + width:42rpx;
  51 + height:40rpx;
  52 + opacity:1;
  53 + display: flex;
  54 +}
  55 +.mid_item_left image{
  56 + width: 100%;
  57 + height: 100%;
  58 +}
  59 +.mid_item_right{
  60 + flex: 1;
  61 + margin-left: 20rpx;
  62 +}
  63 +.mid_item_right_top{
  64 +
  65 + font-size:28rpx;
  66 + font-family:PingFang SC;
  67 + font-weight:400;
  68 + line-height:36rpx;
  69 + color:rgba(51,51,51,1);
  70 + opacity:1;
  71 + position: relative;
  72 +}
  73 +.mid_item_right_bottom{
  74 + margin-top: 6rpx;
  75 + font-size:20rpx;
  76 + font-family:PingFang SC;
  77 + font-weight:400;
  78 + line-height:30rpx;
  79 + color:rgba(204,204,204,1);
  80 + opacity:1;
  81 +}
  82 +.response_box{
  83 + margin-top: 30rpx;
  84 + color:rgba(102,102,102,1);
  85 + opacity:1;
  86 + background: #f5f5f5;
  87 + border-radius: 8rpx;
  88 + box-sizing: border-box;
  89 + padding: 30rpx 20rpx;
  90 +}
  91 +.mid_item_right_response{
  92 + font-size:24rpx;
  93 + font-family:PingFang SC;
  94 + font-weight:400;
  95 + line-height:32rpx;
  96 +
  97 +}
  98 +.color_blue{
  99 + color: #169BD5;
  100 +}
  101 +.waiting_response{
  102 + margin-top: 22rpx;
  103 + font-size:24rpx;
  104 + font-family:PingFang SC;
  105 + font-weight:400;
  106 + line-height:24rpx;
  107 + color:rgba(22,155,213,1);
  108 + opacity:1;
  109 +}
  110 +.mid_label{
  111 + width:113rpx;
  112 + height:113rpx;
  113 + opacity:1;
  114 + display: flex;
  115 + position: absolute;
  116 + top: 0;
  117 + right: -30rpx;
  118 +}
  119 +.mid_label image{
  120 + width: 100%;
  121 + height: 100%;
  122 +}
  123 +.bottom{
  124 +
  125 + width: 100%;
  126 + background: #fff;
  127 + display: flex;
  128 + justify-content: center;
  129 +}
  130 +.bottom_question{
  131 + margin: 180rpx 0;
  132 + width:304rpx;
  133 + height:96rpx;
  134 + line-height: 96rpx;
  135 + text-align: center;
  136 + color: #fff;
  137 + background:linear-gradient(328deg,rgba(0,128,255,1) 0%,rgba(0,194,255,1) 100%);
  138 + box-shadow:0px 6px 12px rgba(0,128,255,0.16);
  139 + opacity:1;
  140 + border-radius:8rpx;
  141 +}
  142 +
  143 +/* 企话吧 */
  144 +.mid_title{
  145 + margin-top: 48rpx;
  146 + width:240rpx;
  147 + height:48rpx;
  148 + line-height: 48rpx;
  149 + text-align: center;
  150 + background:linear-gradient(324deg,rgba(0,128,255,1) 0%,rgba(0,194,255,1) 100%);
  151 + box-shadow:0px 6rpx 12rpx rgba(0,136,255,0.16);
  152 + opacity:1;
  153 + border-radius:8rpx;
  154 + font-size:26rpx;
  155 + font-family:PingFang SC;
  156 + font-weight:400;
  157 + color:rgba(255,255,255,1);
  158 +}
  159 +
  160 +.mid_item_top{
  161 + width: 100%;
  162 + display: flex;
  163 + align-items: center;
  164 + justify-content: space-between;
  165 +}
  166 +.mid_item_top_left{
  167 + display: flex;
  168 + align-items: center;
  169 +}
  170 +.mid_item_top_left_pic{
  171 + width:80rpx;
  172 + height:80rpx;
  173 + border-radius:50%;
  174 + opacity:1;
  175 +}
  176 +.mid_item_top_left_pic image{
  177 + width: 100%;
  178 + height: 100%;
  179 + border-radius:50%;
  180 +}
  181 +.mid_item_top_left_text{
  182 + font-size:30rpx;
  183 + font-family:PingFang SC;
  184 + font-weight:600;
  185 + line-height:42rpx;
  186 + color:rgba(51,51,51,1);
  187 + opacity:1;
  188 + margin-left: 16rpx;
  189 + position: relative;
  190 +}
  191 +.mid_item_top_right{
  192 +
  193 + font-size:22rpx;
  194 + font-family:PingFang SC;
  195 + font-weight:400;
  196 + line-height:32rpx;
  197 + color:rgba(204,204,204,1);
  198 + opacity:1;
  199 +}
  200 +.mid_item_text{
  201 +
  202 + font-size:26rpx;
  203 + font-family:PingFang SC;
  204 + font-weight:400;
  205 + /* line-height:36rpx; */
  206 + color:rgba(51,51,51,1);
  207 + opacity:1;
  208 + margin-top: 32rpx;
  209 +}
  210 +.mid_item_like{
  211 + margin-top: 34rpx;
  212 + width: 686rpx;
  213 + display: flex;
  214 + justify-content: space-between;
  215 +}
  216 +.mid_item_like_left{
  217 +
  218 + font-size:22rpx;
  219 + font-family:PingFang SC;
  220 + font-weight:400;
  221 + line-height:32rpx;
  222 + color:rgba(22,155,213,1);
  223 + opacity:1;
  224 +}
  225 +.mid_item_like_right{
  226 + display: flex;
  227 + align-items: center;
  228 +}
  229 +.mid_like{
  230 + width:38rpx;
  231 + height:36rpx;
  232 + opacity:1;
  233 + display: flex;
  234 + margin-left: 50rpx;
  235 +}
  236 +.mid_like image{
  237 + width: 100%;
  238 + height: 100%;
  239 +}
  240 +.mid_number{
  241 + margin-left: 10rpx;
  242 + font-size:22rpx;
  243 + font-family:PingFang SC;
  244 + font-weight:400;
  245 + line-height:48rpx;
  246 + color: #b5b5b5;
  247 + opacity:1;
  248 +}
  249 +
  250 +.color_blue{
  251 + color: #169BD5;
  252 +}
  253 +.color_size{
  254 + color: #b5b5b5;
  255 +}
  256 +.icon_tm{
  257 + width:18rpx;
  258 + height:22rpx;
  259 + background:rgba(0,0,0,0);
  260 + opacity:1;
  261 + display: flex;
  262 + position: absolute;
  263 + top: 0;
  264 + right: -20rpx;
  265 +}
  266 +.icon_tm image{
  267 + width: 100%;
  268 + height: 100%;
  269 +
  270 +}
  271 +.mid_item_bottom{
  272 +
  273 + background:rgba(245,245,245,1);
  274 + opacity:1;
  275 + border-radius:8px;
  276 +
  277 +
  278 + font-size:24rpx;
  279 + font-family:PingFang SC;
  280 + font-weight:400;
  281 + line-height:34rpx;
  282 + color:rgba(102,102,102,1);
  283 + box-sizing: border-box;
  284 + padding: 16rpx 16rpx 28rpx 16rpx;
  285 +}
  286 +.mid_item_bottom view:last-child{
  287 + margin-top: 10rpx;
  288 +}
1 { 1 {
2 "usingComponents": {}, 2 "usingComponents": {},
3 "navigationBarBackgroundColor": "#f7f7f7", 3 "navigationBarBackgroundColor": "#f7f7f7",
4 - "navigationBarTitleText": "我的关注" 4 + "navigationBarTitleText": "我的关注",
  5 + "navigationBarTextStyle": "black"
5 } 6 }
  1 +Page({
  2 +
  3 + /**
  4 + * 页面的初始数据
  5 + */
  6 + data: {
  7 +
  8 + },
  9 +
  10 + /**
  11 + * 生命周期函数--监听页面加载
  12 + */
  13 + onLoad: function (options) {
  14 +
  15 + },
  16 +
  17 + /**
  18 + * 生命周期函数--监听页面初次渲染完成
  19 + */
  20 + onReady: function () {
  21 +
  22 + },
  23 +
  24 + /**
  25 + * 生命周期函数--监听页面显示
  26 + */
  27 + onShow: function () {
  28 +
  29 + },
  30 +
  31 + /**
  32 + * 生命周期函数--监听页面隐藏
  33 + */
  34 + onHide: function () {
  35 +
  36 + },
  37 +
  38 + /**
  39 + * 生命周期函数--监听页面卸载
  40 + */
  41 + onUnload: function () {
  42 +
  43 + },
  44 +
  45 + /**
  46 + * 页面相关事件处理函数--监听用户下拉动作
  47 + */
  48 + onPullDownRefresh: function () {
  49 +
  50 + },
  51 +
  52 + /**
  53 + * 页面上拉触底事件的处理函数
  54 + */
  55 + onReachBottom: function () {
  56 +
  57 + },
  58 +
  59 + /**
  60 + * 用户点击右上角分享
  61 + */
  62 + onShareAppMessage: function () {
  63 +
  64 + }
  65 +})
  1 +{
  2 + "usingComponents": {},
  3 + "navigationBarTitleText": "我的评论",
  4 + "navigationBarBackgroundColor": "#fff",
  5 + "navigationBarTextStyle": "black"
  6 +}
  1 +
  2 +<view class='container'>
  3 +
  4 +
  5 +
  6 + <!-- 企业问答 -->
  7 + <view class='box_left' style='display:none'>
  8 + <view class='mid'>
  9 + <view class='mid_item'>
  10 + <!-- 左边感叹号 -->
  11 + <view class='mid_item_left'>
  12 + <image src='../../images/tishi@3x.png'></image>
  13 + </view>
  14 + <!-- 右边标题 -->
  15 + <view class='mid_item_right'>
  16 + <view class='mid_item_right_top'>
  17 + 校区门口停车难，镇政府是否可协调交管局规划车位，方便学生家长停车？
  18 + <view class='mid_label'>
  19 + <image src='../../images/huifujishi@3x.png'></image>
  20 + </view>
  21 + </view>
  22 + <view class='mid_item_right_bottom'>
  23 + 发布时间： 07-21 21:00
  24 + </view>
  25 + <!-- 回复 -->
  26 + <view class='response_box'>
  27 + <!-- 回复内容 -->
  28 + <view class='mid_item_right_response'>
  29 + <text class='color_blue'>回复:</text>
  30 + 贵单位的问题已反应到相关单位，具体实施方案将在7个工作日内反馈
  31 +
  32 + </view>
  33 + <!-- 回复时间 -->
  34 + <view class='mid_item_right_bottom'>
  35 + 回复时间：07-21 21:00
  36 + </view>
  37 + </view>
  38 +
  39 + </view>
  40 + </view>
  41 +
  42 + <view class='mid_item'>
  43 + <!-- 左边感叹号 -->
  44 + <view class='mid_item_left'>
  45 + <image src='../../images/tishi@3x.png'></image>
  46 + </view>
  47 + <!-- 右边标题 -->
  48 + <view class='mid_item_right'>
  49 + <view class='mid_item_right_top'>
  50 + 校区门口停车难，镇政府是否可协调交管局规划车位，方便学生家长停车？
  51 + <view class='mid_label'>
  52 + <image src='../../images/huifuyiban@3x.png'></image>
  53 + </view>
  54 + </view>
  55 + <view class='mid_item_right_bottom'>
  56 + 发布时间：07-21 21:00
  57 + </view>
  58 + <!-- 回复 -->
  59 + <view class='response_box'>
  60 + <!-- 回复内容 -->
  61 + <view class='mid_item_right_response'>
  62 + <text class='color_blue'>回复:</text>
  63 + 贵单位的问题已反应到相关单位，具体实施方案将在7个工作日内反馈
  64 +
  65 + </view>
  66 + <!-- 回复时间 -->
  67 + <view class='mid_item_right_bottom'>
  68 + 回复时间：07-21 21:00
  69 + </view>
  70 + </view>
  71 +
  72 + </view>
  73 + </view>
  74 +
  75 + <view class='mid_item'>
  76 + <!-- 左边感叹号 -->
  77 + <view class='mid_item_left'>
  78 + <image src='../../images/tishi@3x.png'></image>
  79 + </view>
  80 + <!-- 右边标题 -->
  81 + <view class='mid_item_right'>
  82 + <view class='mid_item_right_top'>
  83 + 校区门口停车难，镇政府是否可协调交管局规划车位，方便学生家长停车？
  84 + <view class='mid_label'>
  85 + <image src='../../images/huifuzhihuan @3x.png'></image>
  86 + </view>
  87 + </view>
  88 + <view class='mid_item_right_bottom'>
  89 + 发布时间：07-21 21:00
  90 + </view>
  91 +
  92 + <!-- 等待回复 -->
  93 + <view class='waiting_response'>
  94 + 等待回复中.....
  95 + </view>
  96 + </view>
  97 + </view>
  98 +
  99 + </view>
  100 + <!-- 提问 -->
  101 + <view class='bottom'>
  102 + <view class='bottom_question'>
  103 + 提问
  104 + </view>
  105 + </view>
  106 + </view>
  107 +
  108 + <!-- 企话吧 -->
  109 + <view class='box_right'>
  110 + <view class='mid'>
  111 +
  112 + <!-- 条目 -->
  113 + <view class='mid_item'>
  114 + <view class='mid_item_top'>
  115 + <view class='mid_item_top_left'>
  116 + <!-- 图片 -->
  117 + <view class='mid_item_top_left_pic'>
  118 + <image src='../../images/03_nav@2x.png'></image>
  119 + </view>
  120 + <!-- 文字 -->
  121 + <view class='mid_item_top_left_text color_blue'>
  122 + 牧羊人
  123 + </view>
  124 + </view>
  125 + <view class='mid_item_top_right '>
  126 + 15分钟前
  127 + </view>
  128 + </view>
  129 + <!-- 文字内容 -->
  130 + <view class='mid_item_text'>
  131 + 新个人所得税法近日备受关注。关于个人所得税，想必大家都十分关心，让我们通过以下问题！
  132 + </view>
  133 + <!-- 文本内容 -->
  134 + <view class='mid_item_content'>
  135 + <!-- 条目 -->
  136 + <view class='mid_item content'>
  137 + <view class='mid_item_top'>
  138 + <view class='mid_item_top_left'>
  139 + <!-- 图片 -->
  140 + <view class='mid_item_top_left_pic'>
  141 + <image src='../../images/03_nav@2x.png'></image>
  142 + </view>
  143 + <!-- 文字 -->
  144 + <view class='mid_item_top_left_text'>
  145 + 金沃斯英语在线教育
  146 + <view class='icon_tm'>
  147 + <image src='../../images/guangfang@2x.png'></image>
  148 + </view>
  149 + </view>
  150 + </view>
  151 + <view class='mid_item_top_right'>
  152 + 15分钟前
  153 + </view>
  154 + </view>
  155 + <!-- 文字内容 -->
  156 + <view class='mid_item_text'>
  157 + 新个人所得税法近日备受关注。关于个人所得税，想必大家都十分关心，让我们通过以下问题！
  158 + </view>
  159 + <!-- 图片内容 -->
  160 + <view class='mid_pic_box'>
  161 + <view class='mid_pic_item'>
  162 + <image src='../../images/weirenzheng@3x.png'></image>
  163 + </view>
  164 +
  165 + </view>
  166 +
  167 +
  168 +
  169 +
  170 + </view>
  171 + </view>
  172 +
  173 + <!-- 底部 -->
  174 + <view class='mid_item_like'>
  175 + <view class='mid_item_like_left'>
  176 + 删除
  177 + </view>
  178 +
  179 + <view class='mid_item_like_right'>
  180 + <!-- 点赞 -->
  181 + <view class='mid_like color_blue'>
  182 + <image src='../../images/thumb-up-button@3x.png'></image>
  183 + </view>
  184 + <!-- 数量 -->
  185 + <view class='mid_number color_blue'>
  186 + 46
  187 + </view>
  188 +
  189 + <!-- 点赞 -->
  190 + <view class='mid_like'>
  191 + <image src='../../images/pinglun@3x.png'></image>
  192 + </view>
  193 + <!-- 数量 -->
  194 + <view class='mid_number'>
  195 + 46
  196 + </view>
  197 + </view>
  198 +
  199 + </view>
  200 +
  201 + </view>
  202 +
  203 + </view>
  204 + </view>
  205 +</view>
  1 +page{
  2 + background: #fff;
  3 +}
  4 +.container{
  5 + width: 750rpx;
  6 + display: flex;
  7 + flex-flow: column;
  8 +
  9 +}
  10 +.top{
  11 + width: 100%;
  12 + height: 80rpx;
  13 + line-height: 80rpx;
  14 + display: flex;
  15 + justify-content: space-around;
  16 +
  17 + font-size:26rpx;
  18 + font-family:PingFang SC;
  19 + font-weight:600;
  20 + color: #999999;
  21 + background: #fff;
  22 + opacity:1;
  23 +}
  24 +.top_left{
  25 + width: 169rpx;
  26 + color: #169BD5;
  27 + border-bottom: 2px solid #169BD5;
  28 + text-align: center;
  29 +}
  30 +.mid{
  31 +
  32 + width: 100%;
  33 + display: flex;
  34 + align-items: center;
  35 + flex-flow: column;
  36 + justify-content: center;
  37 + background: #fff;
  38 +
  39 +}
  40 +.mid_item{
  41 + padding: 30rpx 0;
  42 + width: 686rpx;
  43 + margin: 0 auto;
  44 + display: flex;
  45 + flex-flow: column;
  46 + justify-content: space-between;
  47 + /* box-sizing: border-box; */
  48 + border-bottom: 2px solid #f5f5f5;
  49 +}
  50 +.mid_item_left{
  51 + width:42rpx;
  52 + height:40rpx;
  53 + opacity:1;
  54 + display: flex;
  55 +}
  56 +.mid_item_left image{
  57 + width: 100%;
  58 + height: 100%;
  59 +}
  60 +.mid_item_right{
  61 + flex: 1;
  62 + margin-left: 20rpx;
  63 +}
  64 +.mid_item_right_top{
  65 +
  66 + font-size:28rpx;
  67 + font-family:PingFang SC;
  68 + font-weight:400;
  69 + line-height:36rpx;
  70 + color:rgba(51,51,51,1);
  71 + opacity:1;
  72 + position: relative;
  73 +}
  74 +.mid_item_right_bottom{
  75 + margin-top: 6rpx;
  76 + font-size:20rpx;
  77 + font-family:PingFang SC;
  78 + font-weight:400;
  79 + line-height:30rpx;
  80 + color:rgba(204,204,204,1);
  81 + opacity:1;
  82 +}
  83 +.response_box{
  84 + margin-top: 30rpx;
  85 + color:rgba(102,102,102,1);
  86 + opacity:1;
  87 + background: #f5f5f5;
  88 + border-radius: 8rpx;
  89 + box-sizing: border-box;
  90 + padding: 30rpx 20rpx;
  91 +}
  92 +.mid_item_right_response{
  93 + font-size:24rpx;
  94 + font-family:PingFang SC;
  95 + font-weight:400;
  96 + line-height:32rpx;
  97 +
  98 +}
  99 +.color_blue{
  100 + color: #169BD5;
  101 +}
  102 +.waiting_response{
  103 + margin-top: 22rpx;
  104 + font-size:24rpx;
  105 + font-family:PingFang SC;
  106 + font-weight:400;
  107 + line-height:24rpx;
  108 + color:rgba(22,155,213,1);
  109 + opacity:1;
  110 +}
  111 +.mid_label{
  112 + width:113rpx;
  113 + height:113rpx;
  114 + opacity:1;
  115 + display: flex;
  116 + position: absolute;
  117 + top: 0;
  118 + right: -30rpx;
  119 +}
  120 +.mid_label image{
  121 + width: 100%;
  122 + height: 100%;
  123 +}
  124 +.bottom{
  125 +
  126 + width: 100%;
  127 + background: #fff;
  128 + display: flex;
  129 + justify-content: center;
  130 +}
  131 +.bottom_question{
  132 + margin: 180rpx 0;
  133 + width:304rpx;
  134 + height:96rpx;
  135 + line-height: 96rpx;
  136 + text-align: center;
  137 + color: #fff;
  138 + background:linear-gradient(328deg,rgba(0,128,255,1) 0%,rgba(0,194,255,1) 100%);
  139 + box-shadow:0px 6px 12px rgba(0,128,255,0.16);
  140 + opacity:1;
  141 + border-radius:8rpx;
  142 +}
  143 +
  144 +/* 企话吧 */
  145 +.mid_title{
  146 + margin-top: 48rpx;
  147 + width:240rpx;
  148 + height:48rpx;
  149 + line-height: 48rpx;
  150 + text-align: center;
  151 + background:linear-gradient(324deg,rgba(0,128,255,1) 0%,rgba(0,194,255,1) 100%);
  152 + box-shadow:0px 6rpx 12rpx rgba(0,136,255,0.16);
  153 + opacity:1;
  154 + border-radius:8rpx;
  155 + font-size:26rpx;
  156 + font-family:PingFang SC;
  157 + font-weight:400;
  158 + color:rgba(255,255,255,1);
  159 +}
  160 +
  161 +.mid_item_top{
  162 + width: 100%;
  163 + display: flex;
  164 + align-items: center;
  165 + justify-content: space-between;
  166 +}
  167 +.mid_item_top_left{
  168 + display: flex;
  169 + align-items: center;
  170 +}
  171 +.mid_item_top_left_pic{
  172 + width:80rpx;
  173 + height:80rpx;
  174 + border-radius:50%;
  175 + opacity:1;
  176 +}
  177 +.mid_item_top_left_pic image{
  178 + width: 100%;
  179 + height: 100%;
  180 + border-radius:50%;
  181 +}
  182 +.mid_item_top_left_text{
  183 + font-size:30rpx;
  184 + font-family:PingFang SC;
  185 + font-weight:600;
  186 + line-height:42rpx;
  187 + color:rgba(51,51,51,1);
  188 + opacity:1;
  189 + margin-left: 16rpx;
  190 + position: relative;
  191 +}
  192 +.mid_item_top_right{
  193 +
  194 + font-size:22rpx;
  195 + font-family:PingFang SC;
  196 + font-weight:400;
  197 + line-height:32rpx;
  198 + color:rgba(204,204,204,1);
  199 + opacity:1;
  200 +}
  201 +.mid_item_text{
  202 +
  203 + font-size:26rpx;
  204 + font-family:PingFang SC;
  205 + font-weight:400;
  206 + /* line-height:36rpx; */
  207 + color:rgba(51,51,51,1);
  208 + opacity:1;
  209 + margin-top: 32rpx;
  210 +}
  211 +.mid_item_like{
  212 + margin-top: 34rpx;
  213 + width: 686rpx;
  214 + display: flex;
  215 + justify-content: space-between;
  216 +}
  217 +.mid_item_like_left{
  218 +
  219 + font-size:22rpx;
  220 + font-family:PingFang SC;
  221 + font-weight:400;
  222 + line-height:32rpx;
  223 + color:rgba(22,155,213,1);
  224 + opacity:1;
  225 +}
  226 +.mid_item_like_right{
  227 + display: flex;
  228 + align-items: center;
  229 +}
  230 +.mid_like{
  231 + width:38rpx;
  232 + height:36rpx;
  233 + opacity:1;
  234 + display: flex;
  235 + margin-left: 50rpx;
  236 +}
  237 +.mid_like image{
  238 + width: 100%;
  239 + height: 100%;
  240 +}
  241 +.mid_number{
  242 + margin-left: 10rpx;
  243 + font-size:22rpx;
  244 + font-family:PingFang SC;
  245 + font-weight:400;
  246 + line-height:48rpx;
  247 + color: #b5b5b5;
  248 + opacity:1;
  249 +}
  250 +
  251 +.color_blue{
  252 + color: #169BD5;
  253 +}
  254 +.color_size{
  255 + color: #b5b5b5;
  256 +}
  257 +.icon_tm{
  258 + width:18rpx;
  259 + height:22rpx;
  260 + background:rgba(0,0,0,0);
  261 + opacity:1;
  262 + display: flex;
  263 + position: absolute;
  264 + top: 0;
  265 + right: -20rpx;
  266 +}
  267 +.icon_tm image{
  268 + width: 100%;
  269 + height: 100%;
  270 +
  271 +}
  272 +.mid_item_bottom{
  273 +
  274 + background:rgba(245,245,245,1);
  275 + opacity:1;
  276 + border-radius:8px;
  277 +
  278 +
  279 + font-size:24rpx;
  280 + font-family:PingFang SC;
  281 + font-weight:400;
  282 + line-height:34rpx;
  283 + color:rgba(102,102,102,1);
  284 + box-sizing: border-box;
  285 + padding: 16rpx 16rpx 28rpx 16rpx;
  286 +}
  287 +.mid_item_bottom view:last-child{
  288 + margin-top: 10rpx;
  289 +}
  290 +.mid_pic_box{
  291 + display: flex;
  292 + flex-wrap: wrap;
  293 +}
  294 +.mid_pic_box_p{
  295 + margin-top: 16rpx;
  296 + margin-right: 18rpx;
  297 + width:218rpx;
  298 + height:218rpx;
  299 + background:rgba(0,0,0,0);
  300 + opacity:1;
  301 + display: flex;
  302 +}
  303 +.mid_pic_box_p image{
  304 + width: 100%;
  305 + height: 100%;
  306 +}
  307 +.mid_pic_item{
  308 + width:352rpx;
  309 + height:352rpx;
  310 + background:rgba(0,0,0,0);
  311 + opacity:1;
  312 + display: flex;
  313 + margin-top: 16rpx;
  314 + /* margin-right: 18rpx; */
  315 +}
  316 +.mid_pic_item image{
  317 + width: 100%;
  318 + height: 100%;
  319 +}
  320 +.mid_item_content{
  321 + margin-top: 24rpx;
  322 + background:rgba(247,247,247,1);
  323 + opacity:1;
  324 +}
  325 +.content{
  326 + box-sizing: border-box;
  327 + padding: 32rpx 16rpx;
  328 + border-bottom: none;
  329 +}
  330 +.color_blue{
  331 + color: #45609F;
  332 +}
  1 +Page({
  2 +
  3 + /**
  4 + * 页面的初始数据
  5 + */
  6 + data: {
  7 +
  8 + },
  9 +
  10 + /**
  11 + * 生命周期函数--监听页面加载
  12 + */
  13 + onLoad: function (options) {
  14 +
  15 + },
  16 +
  17 + /**
  18 + * 生命周期函数--监听页面初次渲染完成
  19 + */
  20 + onReady: function () {
  21 +
  22 + },
  23 +
  24 + /**
  25 + * 生命周期函数--监听页面显示
  26 + */
  27 + onShow: function () {
  28 +
  29 + },
  30 +
  31 + /**
  32 + * 生命周期函数--监听页面隐藏
  33 + */
  34 + onHide: function () {
  35 +
  36 + },
  37 +
  38 + /**
  39 + * 生命周期函数--监听页面卸载
  40 + */
  41 + onUnload: function () {
  42 +
  43 + },
  44 +
  45 + /**
  46 + * 页面相关事件处理函数--监听用户下拉动作
  47 + */
  48 + onPullDownRefresh: function () {
  49 +
  50 + },
  51 +
  52 + /**
  53 + * 页面上拉触底事件的处理函数
  54 + */
  55 + onReachBottom: function () {
  56 +
  57 + },
  58 +
  59 + /**
  60 + * 用户点击右上角分享
  61 + */
  62 + onShareAppMessage: function () {
  63 +
  64 + }
  65 +})
  1 +{
  2 + "usingComponents": {},
  3 + "navigationBarTitleText": "发文通知",
  4 + "navigationBarBackgroundColor": "#fff",
  5 + "navigationBarTextStyle": "black"
  6 +}
  1 +
  2 +<view class='container'>
  3 +
  4 +
  5 +
  6 + <!-- 企业问答 -->
  7 + <view class='box_left' style='display:none'>
  8 + <view class='mid'>
  9 + <view class='mid_item'>
  10 + <!-- 左边感叹号 -->
  11 + <view class='mid_item_left'>
  12 + <image src='../../images/tishi@3x.png'></image>
  13 + </view>
  14 + <!-- 右边标题 -->
  15 + <view class='mid_item_right'>
  16 + <view class='mid_item_right_top'>
  17 + 校区门口停车难，镇政府是否可协调交管局规划车位，方便学生家长停车？
  18 + <view class='mid_label'>
  19 + <image src='../../images/huifujishi@3x.png'></image>
  20 + </view>
  21 + </view>
  22 + <view class='mid_item_right_bottom'>
  23 + 发布时间： 07-21 21:00
  24 + </view>
  25 + <!-- 回复 -->
  26 + <view class='response_box'>
  27 + <!-- 回复内容 -->
  28 + <view class='mid_item_right_response'>
  29 + <text class='color_blue'>回复:</text>
  30 + 贵单位的问题已反应到相关单位，具体实施方案将在7个工作日内反馈
  31 +
  32 + </view>
  33 + <!-- 回复时间 -->
  34 + <view class='mid_item_right_bottom'>
  35 + 回复时间：07-21 21:00
  36 + </view>
  37 + </view>
  38 +
  39 + </view>
  40 + </view>
  41 +
  42 + <view class='mid_item'>
  43 + <!-- 左边感叹号 -->
  44 + <view class='mid_item_left'>
  45 + <image src='../../images/tishi@3x.png'></image>
  46 + </view>
  47 + <!-- 右边标题 -->
  48 + <view class='mid_item_right'>
  49 + <view class='mid_item_right_top'>
  50 + 校区门口停车难，镇政府是否可协调交管局规划车位，方便学生家长停车？
  51 + <view class='mid_label'>
  52 + <image src='../../images/huifuyiban@3x.png'></image>
  53 + </view>
  54 + </view>
  55 + <view class='mid_item_right_bottom'>
  56 + 发布时间：07-21 21:00
  57 + </view>
  58 + <!-- 回复 -->
  59 + <view class='response_box'>
  60 + <!-- 回复内容 -->
  61 + <view class='mid_item_right_response'>
  62 + <text class='color_blue'>回复:</text>
  63 + 贵单位的问题已反应到相关单位，具体实施方案将在7个工作日内反馈
  64 +
  65 + </view>
  66 + <!-- 回复时间 -->
  67 + <view class='mid_item_right_bottom'>
  68 + 回复时间：07-21 21:00
  69 + </view>
  70 + </view>
  71 +
  72 + </view>
  73 + </view>
  74 +
  75 + <view class='mid_item'>
  76 + <!-- 左边感叹号 -->
  77 + <view class='mid_item_left'>
  78 + <image src='../../images/tishi@3x.png'></image>
  79 + </view>
  80 + <!-- 右边标题 -->
  81 + <view class='mid_item_right'>
  82 + <view class='mid_item_right_top'>
  83 + 校区门口停车难，镇政府是否可协调交管局规划车位，方便学生家长停车？
  84 + <view class='mid_label'>
  85 + <image src='../../images/huifuzhihuan @3x.png'></image>
  86 + </view>
  87 + </view>
  88 + <view class='mid_item_right_bottom'>
  89 + 发布时间：07-21 21:00
  90 + </view>
  91 +
  92 + <!-- 等待回复 -->
  93 + <view class='waiting_response'>
  94 + 等待回复中.....
  95 + </view>
  96 + </view>
  97 + </view>
  98 +
  99 + </view>
  100 + <!-- 提问 -->
  101 + <view class='bottom'>
  102 + <view class='bottom_question'>
  103 + 提问
  104 + </view>
  105 + </view>
  106 + </view>
  107 +
  108 + <!-- 企话吧 -->
  109 + <view class='box_right'>
  110 + <view class='mid'>
  111 +
  112 + <!-- 条目 -->
  113 + <view class='mid_item'>
  114 + <view class='mid_item_top'>
  115 + <view class='mid_item_top_left'>
  116 + <!-- 图片 -->
  117 + <view class='mid_item_top_left_pic'>
  118 + <image src='../../images/03_nav@2x.png'></image>
  119 + </view>
  120 + <!-- 文字 -->
  121 + <view class='mid_item_top_left_text color_blue'>
  122 + 牧羊人
  123 + <view class='mid_icon'>
  124 + 未读
  125 + <!-- <image src='../../images/weidu@2x.png'></image> -->
  126 + </view>
  127 + </view>
  128 + </view>
  129 + <view class='mid_item_top_right '>
  130 + 15分钟前
  131 + </view>
  132 + </view>
  133 + <!-- 大标题 -->
  134 + <view class='mid_item_title'>
  135 + 交通优势突出停车难问题能否解决？
  136 + </view>
  137 + <!-- 文字内容 -->
  138 + <view class='mid_item_text'>
  139 + 新个人所得税法近日备受关注。关于个人所得税，想必大家都十分关心，让我们通过以下问题！
  140 + </view>
  141 +
  142 +
  143 +
  144 +
  145 + </view>
  146 +
  147 + <!-- 条目 -->
  148 + <view class='mid_item'>
  149 + <view class='mid_item_top'>
  150 + <view class='mid_item_top_left'>
  151 + <!-- 图片 -->
  152 + <view class='mid_item_top_left_pic'>
  153 + <image src='../../images/03_nav@2x.png'></image>
  154 + </view>
  155 + <!-- 文字 -->
  156 + <view class='mid_item_top_left_text color_blue'>
  157 + 牧羊人
  158 + <view class='mid_icon color_read'>
  159 + 已读
  160 + <!-- <image src='../../images/weidu@2x.png'></image> -->
  161 + </view>
  162 + </view>
  163 + </view>
  164 + <view class='mid_item_top_right '>
  165 + 15分钟前
  166 + </view>
  167 + </view>
  168 + <!-- 大标题 -->
  169 + <view class='mid_item_title'>
  170 + 交通优势突出停车难问题能否解决？
  171 + </view>
  172 + <!-- 文字内容 -->
  173 + <view class='mid_item_text'>
  174 + 新个人所得税法近日备受关注。关于个人所得税，想必大家都十分关心，让我们通过以下问题！
  175 + </view>
  176 +
  177 +
  178 +
  179 +
  180 + </view>
  181 +
  182 + </view>
  183 + </view>
  184 +</view>
  1 +page{
  2 + background: #fff;
  3 +}
  4 +.container{
  5 + width: 750rpx;
  6 + display: flex;
  7 + flex-flow: column;
  8 +
  9 +}
  10 +.top{
  11 + width: 100%;
  12 + height: 80rpx;
  13 + line-height: 80rpx;
  14 + display: flex;
  15 + justify-content: space-around;
  16 +
  17 + font-size:26rpx;
  18 + font-family:PingFang SC;
  19 + font-weight:600;
  20 + color: #999999;
  21 + background: #fff;
  22 + opacity:1;
  23 +}
  24 +.top_left{
  25 + width: 169rpx;
  26 + color: #169BD5;
  27 + border-bottom: 2px solid #169BD5;
  28 + text-align: center;
  29 +}
  30 +.mid{
  31 +
  32 + width: 100%;
  33 + display: flex;
  34 + align-items: center;
  35 + flex-flow: column;
  36 + justify-content: center;
  37 + background: #fff;
  38 +
  39 +}
  40 +.mid_item{
  41 + padding: 30rpx 0;
  42 + width: 686rpx;
  43 + margin: 0 auto;
  44 + display: flex;
  45 + flex-flow: column;
  46 + justify-content: space-between;
  47 + /* box-sizing: border-box; */
  48 + border-bottom: 2px solid #f5f5f5;
  49 +}
  50 +.mid_item_left{
  51 + width:42rpx;
  52 + height:40rpx;
  53 + opacity:1;
  54 + display: flex;
  55 +}
  56 +.mid_item_left image{
  57 + width: 100%;
  58 + height: 100%;
  59 +}
  60 +.mid_item_right{
  61 + flex: 1;
  62 + margin-left: 20rpx;
  63 +}
  64 +.mid_item_right_top{
  65 +
  66 + font-size:28rpx;
  67 + font-family:PingFang SC;
  68 + font-weight:400;
  69 + line-height:36rpx;
  70 + color:rgba(51,51,51,1);
  71 + opacity:1;
  72 + position: relative;
  73 +}
  74 +.mid_item_right_bottom{
  75 + margin-top: 6rpx;
  76 + font-size:20rpx;
  77 + font-family:PingFang SC;
  78 + font-weight:400;
  79 + line-height:30rpx;
  80 + color:rgba(204,204,204,1);
  81 + opacity:1;
  82 +}
  83 +.response_box{
  84 + margin-top: 30rpx;
  85 + color:rgba(102,102,102,1);
  86 + opacity:1;
  87 + background: #f5f5f5;
  88 + border-radius: 8rpx;
  89 + box-sizing: border-box;
  90 + padding: 30rpx 20rpx;
  91 +}
  92 +.mid_item_right_response{
  93 + font-size:24rpx;
  94 + font-family:PingFang SC;
  95 + font-weight:400;
  96 + line-height:32rpx;
  97 +
  98 +}
  99 +.color_blue{
  100 + color: #169BD5;
  101 +}
  102 +.waiting_response{
  103 + margin-top: 22rpx;
  104 + font-size:24rpx;
  105 + font-family:PingFang SC;
  106 + font-weight:400;
  107 + line-height:24rpx;
  108 + color:rgba(22,155,213,1);
  109 + opacity:1;
  110 +}
  111 +.mid_label{
  112 + width:113rpx;
  113 + height:113rpx;
  114 + opacity:1;
  115 + display: flex;
  116 + position: absolute;
  117 + top: 0;
  118 + right: -30rpx;
  119 +}
  120 +.mid_label image{
  121 + width: 100%;
  122 + height: 100%;
  123 +}
  124 +.bottom{
  125 +
  126 + width: 100%;
  127 + background: #fff;
  128 + display: flex;
  129 + justify-content: center;
  130 +}
  131 +.bottom_question{
  132 + margin: 180rpx 0;
  133 + width:304rpx;
  134 + height:96rpx;
  135 + line-height: 96rpx;
  136 + text-align: center;
  137 + color: #fff;
  138 + background:linear-gradient(328deg,rgba(0,128,255,1) 0%,rgba(0,194,255,1) 100%);
  139 + box-shadow:0px 6px 12px rgba(0,128,255,0.16);
  140 + opacity:1;
  141 + border-radius:8rpx;
  142 +}
  143 +
  144 +/* 企话吧 */
  145 +.mid_title{
  146 + margin-top: 48rpx;
  147 + width:240rpx;
  148 + height:48rpx;
  149 + line-height: 48rpx;
  150 + text-align: center;
  151 + background:linear-gradient(324deg,rgba(0,128,255,1) 0%,rgba(0,194,255,1) 100%);
  152 + box-shadow:0px 6rpx 12rpx rgba(0,136,255,0.16);
  153 + opacity:1;
  154 + border-radius:8rpx;
  155 + font-size:26rpx;
  156 + font-family:PingFang SC;
  157 + font-weight:400;
  158 + color:rgba(255,255,255,1);
  159 +}
  160 +
  161 +.mid_item_top{
  162 + width: 100%;
  163 + display: flex;
  164 + align-items: center;
  165 + justify-content: space-between;
  166 +}
  167 +.mid_item_top_left{
  168 + display: flex;
  169 + align-items: center;
  170 +}
  171 +.mid_item_top_left_pic{
  172 + width:80rpx;
  173 + height:80rpx;
  174 + border-radius:50%;
  175 + opacity:1;
  176 +}
  177 +.mid_item_top_left_pic image{
  178 + width: 100%;
  179 + height: 100%;
  180 + border-radius:50%;
  181 +}
  182 +.mid_item_top_left_text{
  183 + font-size:30rpx;
  184 + font-family:PingFang SC;
  185 + font-weight:600;
  186 + line-height:42rpx;
  187 + color:rgba(51,51,51,1);
  188 + opacity:1;
  189 + margin-left: 16rpx;
  190 + position: relative;
  191 +}
  192 +.mid_item_top_right{
  193 +
  194 + font-size:22rpx;
  195 + font-family:PingFang SC;
  196 + font-weight:400;
  197 + line-height:32rpx;
  198 + color:rgba(204,204,204,1);
  199 + opacity:1;
  200 +}
  201 +.mid_item_text{
  202 +
  203 + font-size:26rpx;
  204 + font-family:PingFang SC;
  205 + font-weight:400;
  206 + /* line-height:36rpx; */
  207 + color:rgba(51,51,51,1);
  208 + opacity:1;
  209 + margin-top: 16rpx;
  210 +}
  211 +.mid_item_like{
  212 + margin-top: 34rpx;
  213 + width: 686rpx;
  214 + display: flex;
  215 + justify-content: space-between;
  216 +}
  217 +.mid_item_like_left{
  218 +
  219 + font-size:22rpx;
  220 + font-family:PingFang SC;
  221 + font-weight:400;
  222 + line-height:32rpx;
  223 + color:rgba(22,155,213,1);
  224 + opacity:1;
  225 +}
  226 +.mid_item_like_right{
  227 + display: flex;
  228 + align-items: center;
  229 +}
  230 +.mid_like{
  231 + width:38rpx;
  232 + height:36rpx;
  233 + opacity:1;
  234 + display: flex;
  235 + margin-left: 50rpx;
  236 +}
  237 +.mid_like image{
  238 + width: 100%;
  239 + height: 100%;
  240 +}
  241 +.mid_number{
  242 + margin-left: 10rpx;
  243 + font-size:22rpx;
  244 + font-family:PingFang SC;
  245 + font-weight:400;
  246 + line-height:48rpx;
  247 + color: #b5b5b5;
  248 + opacity:1;
  249 +}
  250 +
  251 +.color_blue{
  252 + color: #169BD5;
  253 +}
  254 +.color_size{
  255 + color: #b5b5b5;
  256 +}
  257 +.icon_tm{
  258 + width:18rpx;
  259 + height:22rpx;
  260 + background:rgba(0,0,0,0);
  261 + opacity:1;
  262 + display: flex;
  263 + position: absolute;
  264 + top: 0;
  265 + right: -20rpx;
  266 +}
  267 +.icon_tm image{
  268 + width: 100%;
  269 + height: 100%;
  270 +
  271 +}
  272 +.mid_item_bottom{
  273 +
  274 + background:rgba(245,245,245,1);
  275 + opacity:1;
  276 + border-radius:8px;
  277 +
  278 +
  279 + font-size:24rpx;
  280 + font-family:PingFang SC;
  281 + font-weight:400;
  282 + line-height:34rpx;
  283 + color:rgba(102,102,102,1);
  284 + box-sizing: border-box;
  285 + padding: 16rpx 16rpx 28rpx 16rpx;
  286 +}
  287 +.mid_item_bottom view:last-child{
  288 + margin-top: 10rpx;
  289 +}
  290 +.mid_pic_box{
  291 + display: flex;
  292 + flex-wrap: wrap;
  293 +}
  294 +.mid_pic_box_p{
  295 + margin-top: 16rpx;
  296 + margin-right: 18rpx;
  297 + width:218rpx;
  298 + height:218rpx;
  299 + background:rgba(0,0,0,0);
  300 + opacity:1;
  301 + display: flex;
  302 +}
  303 +.mid_pic_box_p image{
  304 + width: 100%;
  305 + height: 100%;
  306 +}
  307 +.mid_pic_item{
  308 + width:352rpx;
  309 + height:352rpx;
  310 + background:rgba(0,0,0,0);
  311 + opacity:1;
  312 + display: flex;
  313 + margin-top: 16rpx;
  314 + /* margin-right: 18rpx; */
  315 +}
  316 +.mid_pic_item image{
  317 + width: 100%;
  318 + height: 100%;
  319 +}
  320 +.mid_item_content{
  321 + margin-top: 24rpx;
  322 + background:rgba(247,247,247,1);
  323 + opacity:1;
  324 +}
  325 +.content{
  326 + box-sizing: border-box;
  327 + padding: 32rpx 16rpx;
  328 + border-bottom: none;
  329 +}
  330 +.color_blue{
  331 + color: #45609F;
  332 +}
  333 +.mid_item_title{
  334 + margin-top: 32rpx;
  335 + font-size:34rpx;
  336 + font-family:PingFang SC;
  337 + font-weight:600;
  338 + line-height:48rpx;
  339 + color:rgba(51,51,51,1);
  340 + opacity:1;
  341 +}
  342 +.mid_icon{
  343 + width:64rpx;
  344 + height:32rpx;
  345 + line-height: 32rpx;
  346 + text-align: center;
  347 + background:rgba(219,51,51,1);
  348 + opacity:1;
  349 + border-radius:16rpx 16rpx 16rpx 0px;
  350 +
  351 +
  352 + font-size:20rpx;
  353 + font-family:PingFang SC;
  354 + font-weight:400;
  355 + color:rgba(255,255,255,1);
  356 +
  357 + position: absolute;
  358 + top: -20rpx;
  359 + right: -70rpx;
  360 +}
  361 +.color_read{
  362 + background: #CCCCCC;
  363 +}
  1 +Page({
  2 +
  3 + /**
  4 + * 页面的初始数据
  5 + */
  6 + data: {
  7 +
  8 + },
  9 +
  10 + /**
  11 + * 生命周期函数--监听页面加载
  12 + */
  13 + onLoad: function (options) {
  14 +
  15 + },
  16 +
  17 + /**
  18 + * 生命周期函数--监听页面初次渲染完成
  19 + */
  20 + onReady: function () {
  21 +
  22 + },
  23 +
  24 + /**
  25 + * 生命周期函数--监听页面显示
  26 + */
  27 + onShow: function () {
  28 +
  29 + },
  30 +
  31 + /**
  32 + * 生命周期函数--监听页面隐藏
  33 + */
  34 + onHide: function () {
  35 +
  36 + },
  37 +
  38 + /**
  39 + * 生命周期函数--监听页面卸载
  40 + */
  41 + onUnload: function () {
  42 +
  43 + },
  44 +
  45 + /**
  46 + * 页面相关事件处理函数--监听用户下拉动作
  47 + */
  48 + onPullDownRefresh: function () {
  49 +
  50 + },
  51 +
  52 + /**
  53 + * 页面上拉触底事件的处理函数
  54 + */
  55 + onReachBottom: function () {
  56 +
  57 + },
  58 +
  59 + /**
  60 + * 用户点击右上角分享
  61 + */
  62 + onShareAppMessage: function () {
  63 +
  64 + }
  65 +})
  1 +{
  2 + "usingComponents": {},
  3 + "navigationBarTitleText": "我的点赞",
  4 + "navigationBarBackgroundColor": "#fff",
  5 + "navigationBarTextStyle": "black"
  6 +}
  1 +
  2 +<view class='container'>
  3 +
  4 +
  5 +
  6 + <!-- 企业问答 -->
  7 + <view class='box_left' style='display:none'>
  8 + <view class='mid'>
  9 + <view class='mid_item'>
  10 + <!-- 左边感叹号 -->
  11 + <view class='mid_item_left'>
  12 + <image src='../../images/tishi@3x.png'></image>
  13 + </view>
  14 + <!-- 右边标题 -->
  15 + <view class='mid_item_right'>
  16 + <view class='mid_item_right_top'>
  17 + 校区门口停车难，镇政府是否可协调交管局规划车位，方便学生家长停车？
  18 + <view class='mid_label'>
  19 + <image src='../../images/huifujishi@3x.png'></image>
  20 + </view>
  21 + </view>
  22 + <view class='mid_item_right_bottom'>
  23 + 发布时间： 07-21 21:00
  24 + </view>
  25 + <!-- 回复 -->
  26 + <view class='response_box'>
  27 + <!-- 回复内容 -->
  28 + <view class='mid_item_right_response'>
  29 + <text class='color_blue'>回复:</text>
  30 + 贵单位的问题已反应到相关单位，具体实施方案将在7个工作日内反馈
  31 +
  32 + </view>
  33 + <!-- 回复时间 -->
  34 + <view class='mid_item_right_bottom'>
  35 + 回复时间：07-21 21:00
  36 + </view>
  37 + </view>
  38 +
  39 + </view>
  40 + </view>
  41 +
  42 + <view class='mid_item'>
  43 + <!-- 左边感叹号 -->
  44 + <view class='mid_item_left'>
  45 + <image src='../../images/tishi@3x.png'></image>
  46 + </view>
  47 + <!-- 右边标题 -->
  48 + <view class='mid_item_right'>
  49 + <view class='mid_item_right_top'>
  50 + 校区门口停车难，镇政府是否可协调交管局规划车位，方便学生家长停车？
  51 + <view class='mid_label'>
  52 + <image src='../../images/huifuyiban@3x.png'></image>
  53 + </view>
  54 + </view>
  55 + <view class='mid_item_right_bottom'>
  56 + 发布时间：07-21 21:00
  57 + </view>
  58 + <!-- 回复 -->
  59 + <view class='response_box'>
  60 + <!-- 回复内容 -->
  61 + <view class='mid_item_right_response'>
  62 + <text class='color_blue'>回复:</text>
  63 + 贵单位的问题已反应到相关单位，具体实施方案将在7个工作日内反馈
  64 +
  65 + </view>
  66 + <!-- 回复时间 -->
  67 + <view class='mid_item_right_bottom'>
  68 + 回复时间：07-21 21:00
  69 + </view>
  70 + </view>
  71 +
  72 + </view>
  73 + </view>
  74 +
  75 + <view class='mid_item'>
  76 + <!-- 左边感叹号 -->
  77 + <view class='mid_item_left'>
  78 + <image src='../../images/tishi@3x.png'></image>
  79 + </view>
  80 + <!-- 右边标题 -->
  81 + <view class='mid_item_right'>
  82 + <view class='mid_item_right_top'>
  83 + 校区门口停车难，镇政府是否可协调交管局规划车位，方便学生家长停车？
  84 + <view class='mid_label'>
  85 + <image src='../../images/huifuzhihuan @3x.png'></image>
  86 + </view>
  87 + </view>
  88 + <view class='mid_item_right_bottom'>
  89 + 发布时间：07-21 21:00
  90 + </view>
  91 +
  92 + <!-- 等待回复 -->
  93 + <view class='waiting_response'>
  94 + 等待回复中.....
  95 + </view>
  96 + </view>
  97 + </view>
  98 +
  99 + </view>
  100 + <!-- 提问 -->
  101 + <view class='bottom'>
  102 + <view class='bottom_question'>
  103 + 提问
  104 + </view>
  105 + </view>
  106 + </view>
  107 +
  108 + <!-- 企话吧 -->
  109 + <view class='box_right'>
  110 + <view class='mid'>
  111 +
  112 + <!-- 条目 -->
  113 + <view class='mid_item'>
  114 + <view class='mid_item_top'>
  115 + <view class='mid_item_top_left'>
  116 + <!-- 图片 -->
  117 + <view class='mid_item_top_left_pic'>
  118 + <image src='../../images/03_nav@2x.png'></image>
  119 + </view>
  120 + <!-- 文字 -->
  121 + <view class='mid_item_top_left_text'>
  122 + 金沃斯英语在线教育
  123 + </view>
  124 + </view>
  125 + <view class='mid_item_top_right'>
  126 + 15分钟前
  127 + </view>
  128 + </view>
  129 + <!-- 文字内容 -->
  130 + <view class='mid_item_text'>
  131 + 新个人所得税法近日备受关注。关于个人所得税，想必大家都十分关心，让我们通过以下问题！
  132 + </view>
  133 + <!-- 图片内容 -->
  134 + <view class='mid_pic_box'>
  135 + <view class='mid_pic_box_p'>
  136 + <image src='../../images/weirenzheng@3x.png'></image>
  137 + </view>
  138 + <view class='mid_pic_box_p'>
  139 + <image src='../../images/weirenzheng@3x.png'></image>
  140 + </view>
  141 +
  142 +
  143 + </view>
  144 +
  145 + <!-- 底部 -->
  146 + <view class='mid_item_like'>
  147 + <view class='mid_item_like_left'>
  148 + <!-- 删除 -->
  149 + </view>
  150 +
  151 + <view class='mid_item_like_right'>
  152 + <!-- 点赞 -->
  153 + <view class='mid_like color_blue'>
  154 + <image src='../../images/thumb-up-button@3x.png'></image>
  155 + </view>
  156 + <!-- 数量 -->
  157 + <view class='mid_number color_blue'>
  158 + 46
  159 + </view>
  160 +
  161 + <!-- 点赞 -->
  162 + <view class='mid_like'>
  163 + <image src='../../images/pinglun@3x.png'></image>
  164 + </view>
  165 + <!-- 数量 -->
  166 + <view class='mid_number'>
  167 + 46
  168 + </view>
  169 + </view>
  170 +
  171 + </view>
  172 +
  173 + </view>
  174 +
  175 +
  176 +
  177 + <!-- 条目 -->
  178 + <view class='mid_item'>
  179 + <view class='mid_item_top'>
  180 + <view class='mid_item_top_left'>
  181 + <!-- 图片 -->
  182 + <view class='mid_item_top_left_pic'>
  183 + <image src='../../images/03_nav@2x.png'></image>
  184 + </view>
  185 + <!-- 文字 -->
  186 + <view class='mid_item_top_left_text'>
  187 + 金沃斯英语在线教育
  188 + <view class='icon_tm'>
  189 + <image src='../../images/guangfang@2x.png'></image>
  190 + </view>
  191 + </view>
  192 + </view>
  193 + <view class='mid_item_top_right'>
  194 + 15分钟前
  195 + </view>
  196 + </view>
  197 + <!-- 文字内容 -->
  198 + <view class='mid_item_text'>
  199 + 新个人所得税法近日备受关注。关于个人所得税，想必大家都十分关心，让我们通过以下问题！
  200 + </view>
  201 + <!-- 图片内容 -->
  202 + <view class='mid_pic_box'>
  203 + <view class='mid_pic_item'>
  204 + <image src='../../images/weirenzheng@3x.png'></image>
  205 + </view>
  206 +
  207 + </view>
  208 +
  209 + <!-- 底部 -->
  210 + <view class='mid_item_like'>
  211 + <view class='mid_item_like_left'>
  212 + <!-- 删除 -->
  213 + </view>
  214 +
  215 + <view class='mid_item_like_right'>
  216 + <!-- 点赞 -->
  217 + <view class='mid_like color_blue'>
  218 + <image src='../../images/thumb-up-button@3x.png'></image>
  219 + </view>
  220 + <!-- 数量 -->
  221 + <view class='mid_number '>
  222 + 46
  223 + </view>
  224 +
  225 + <!-- 点赞 -->
  226 + <view class='mid_like'>
  227 + <image src='../../images/pinglun_fill@3x.png'></image>
  228 + </view>
  229 + <!-- 数量 -->
  230 + <view class='mid_number'>
  231 + 46
  232 + </view>
  233 + </view>
  234 +
  235 + </view>
  236 + <!-- 回复框 -->
  237 + <!-- <view class='mid_item_bottom'>
  238 + <view><span class='color_blue'>宏中科技</span>:非常实用!!!</view>
  239 + <view><span class='color_blue'>宏中科技</span>:非常实用!!!</view>
  240 + <view><span class='color_blue'>查看更多>></span></view>
  241 + </view> -->
  242 + </view>
  243 + </view>
  244 + </view>
  245 +</view>
  1 +page{
  2 + background: #F7F7F7;
  3 +}
  4 +.container{
  5 + width: 750rpx;
  6 + display: flex;
  7 + flex-flow: column;
  8 +
  9 +}
  10 +.top{
  11 + width: 100%;
  12 + height: 80rpx;
  13 + line-height: 80rpx;
  14 + display: flex;
  15 + justify-content: space-around;
  16 +
  17 + font-size:26rpx;
  18 + font-family:PingFang SC;
  19 + font-weight:600;
  20 + color: #999999;
  21 + background: #fff;
  22 + opacity:1;
  23 +}
  24 +.top_left{
  25 + width: 169rpx;
  26 + color: #169BD5;
  27 + border-bottom: 2px solid #169BD5;
  28 + text-align: center;
  29 +}
  30 +.mid{
  31 +
  32 + width: 100%;
  33 + display: flex;
  34 + align-items: center;
  35 + flex-flow: column;
  36 + justify-content: center;
  37 + background: #fff;
  38 +
  39 +}
  40 +.mid_item{
  41 + padding: 50rpx 0;
  42 + width: 686rpx;
  43 + margin: 0 auto;
  44 + display: flex;
  45 + flex-flow: column;
  46 + justify-content: space-between;
  47 + border-bottom: 2px solid #f5f5f5;
  48 +}
  49 +.mid_item_left{
  50 + width:42rpx;
  51 + height:40rpx;
  52 + opacity:1;
  53 + display: flex;
  54 +}
  55 +.mid_item_left image{
  56 + width: 100%;
  57 + height: 100%;
  58 +}
  59 +.mid_item_right{
  60 + flex: 1;
  61 + margin-left: 20rpx;
  62 +}
  63 +.mid_item_right_top{
  64 +
  65 + font-size:28rpx;
  66 + font-family:PingFang SC;
  67 + font-weight:400;
  68 + line-height:36rpx;
  69 + color:rgba(51,51,51,1);
  70 + opacity:1;
  71 + position: relative;
  72 +}
  73 +.mid_item_right_bottom{
  74 + margin-top: 6rpx;
  75 + font-size:20rpx;
  76 + font-family:PingFang SC;
  77 + font-weight:400;
  78 + line-height:30rpx;
  79 + color:rgba(204,204,204,1);
  80 + opacity:1;
  81 +}
  82 +.response_box{
  83 + margin-top: 30rpx;
  84 + color:rgba(102,102,102,1);
  85 + opacity:1;
  86 + background: #f5f5f5;
  87 + border-radius: 8rpx;
  88 + box-sizing: border-box;
  89 + padding: 30rpx 20rpx;
  90 +}
  91 +.mid_item_right_response{
  92 + font-size:24rpx;
  93 + font-family:PingFang SC;
  94 + font-weight:400;
  95 + line-height:32rpx;
  96 +
  97 +}
  98 +.color_blue{
  99 + color: #169BD5;
  100 +}
  101 +.waiting_response{
  102 + margin-top: 22rpx;
  103 + font-size:24rpx;
  104 + font-family:PingFang SC;
  105 + font-weight:400;
  106 + line-height:24rpx;
  107 + color:rgba(22,155,213,1);
  108 + opacity:1;
  109 +}
  110 +.mid_label{
  111 + width:113rpx;
  112 + height:113rpx;
  113 + opacity:1;
  114 + display: flex;
  115 + position: absolute;
  116 + top: 0;
  117 + right: -30rpx;
  118 +}
  119 +.mid_label image{
  120 + width: 100%;
  121 + height: 100%;
  122 +}
  123 +.bottom{
  124 +
  125 + width: 100%;
  126 + background: #fff;
  127 + display: flex;
  128 + justify-content: center;
  129 +}
  130 +.bottom_question{
  131 + margin: 180rpx 0;
  132 + width:304rpx;
  133 + height:96rpx;
  134 + line-height: 96rpx;
  135 + text-align: center;
  136 + color: #fff;
  137 + background:linear-gradient(328deg,rgba(0,128,255,1) 0%,rgba(0,194,255,1) 100%);
  138 + box-shadow:0px 6px 12px rgba(0,128,255,0.16);
  139 + opacity:1;
  140 + border-radius:8rpx;
  141 +}
  142 +
  143 +/* 企话吧 */
  144 +.mid_title{
  145 + margin-top: 48rpx;
  146 + width:240rpx;
  147 + height:48rpx;
  148 + line-height: 48rpx;
  149 + text-align: center;
  150 + background:linear-gradient(324deg,rgba(0,128,255,1) 0%,rgba(0,194,255,1) 100%);
  151 + box-shadow:0px 6rpx 12rpx rgba(0,136,255,0.16);
  152 + opacity:1;
  153 + border-radius:8rpx;
  154 + font-size:26rpx;
  155 + font-family:PingFang SC;
  156 + font-weight:400;
  157 + color:rgba(255,255,255,1);
  158 +}
  159 +
  160 +.mid_item_top{
  161 + width: 100%;
  162 + display: flex;
  163 + align-items: center;
  164 + justify-content: space-between;
  165 +}
  166 +.mid_item_top_left{
  167 + display: flex;
  168 + align-items: center;
  169 +}
  170 +.mid_item_top_left_pic{
  171 + width:80rpx;
  172 + height:80rpx;
  173 + border-radius:50%;
  174 + opacity:1;
  175 +}
  176 +.mid_item_top_left_pic image{
  177 + width: 100%;
  178 + height: 100%;
  179 + border-radius:50%;
  180 +}
  181 +.mid_item_top_left_text{
  182 + font-size:30rpx;
  183 + font-family:PingFang SC;
  184 + font-weight:600;
  185 + line-height:42rpx;
  186 + color:rgba(51,51,51,1);
  187 + opacity:1;
  188 + margin-left: 16rpx;
  189 + position: relative;
  190 +}
  191 +.mid_item_top_right{
  192 +
  193 + font-size:22rpx;
  194 + font-family:PingFang SC;
  195 + font-weight:400;
  196 + line-height:32rpx;
  197 + color:rgba(204,204,204,1);
  198 + opacity:1;
  199 +}
  200 +.mid_item_text{
  201 +
  202 + font-size:26rpx;
  203 + font-family:PingFang SC;
  204 + font-weight:400;
  205 + /* line-height:36rpx; */
  206 + color:rgba(51,51,51,1);
  207 + opacity:1;
  208 + margin-top: 32rpx;
  209 +}
  210 +.mid_item_like{
  211 + margin-top: 34rpx;
  212 + width: 686rpx;
  213 + display: flex;
  214 + justify-content: space-between;
  215 +}
  216 +.mid_item_like_left{
  217 +
  218 + font-size:22rpx;
  219 + font-family:PingFang SC;
  220 + font-weight:400;
  221 + line-height:32rpx;
  222 + color:rgba(22,155,213,1);
  223 + opacity:1;
  224 +}
  225 +.mid_item_like_right{
  226 + display: flex;
  227 + align-items: center;
  228 +}
  229 +.mid_like{
  230 + width:38rpx;
  231 + height:36rpx;
  232 + opacity:1;
  233 + display: flex;
  234 + margin-left: 50rpx;
  235 +}
  236 +.mid_like image{
  237 + width: 100%;
  238 + height: 100%;
  239 +}
  240 +.mid_number{
  241 + margin-left: 10rpx;
  242 + font-size:22rpx;
  243 + font-family:PingFang SC;
  244 + font-weight:400;
  245 + line-height:48rpx;
  246 + color: #b5b5b5;
  247 + opacity:1;
  248 +}
  249 +
  250 +.color_blue{
  251 + color: #169BD5;
  252 +}
  253 +.color_size{
  254 + color: #b5b5b5;
  255 +}
  256 +.icon_tm{
  257 + width:18rpx;
  258 + height:22rpx;
  259 + background:rgba(0,0,0,0);
  260 + opacity:1;
  261 + display: flex;
  262 + position: absolute;
  263 + top: 0;
  264 + right: -20rpx;
  265 +}
  266 +.icon_tm image{
  267 + width: 100%;
  268 + height: 100%;
  269 +
  270 +}
  271 +.mid_item_bottom{
  272 +
  273 + background:rgba(245,245,245,1);
  274 + opacity:1;
  275 + border-radius:8px;
  276 +
  277 +
  278 + font-size:24rpx;
  279 + font-family:PingFang SC;
  280 + font-weight:400;
  281 + line-height:34rpx;
  282 + color:rgba(102,102,102,1);
  283 + box-sizing: border-box;
  284 + padding: 16rpx 16rpx 28rpx 16rpx;
  285 +}
  286 +.mid_item_bottom view:last-child{
  287 + margin-top: 10rpx;
  288 +}
  289 +.mid_pic_box{
  290 + display: flex;
  291 + flex-wrap: wrap;
  292 +}
  293 +.mid_pic_box_p{
  294 + margin-top: 16rpx;
  295 + margin-right: 18rpx;
  296 + width:218rpx;
  297 + height:218rpx;
  298 + background:rgba(0,0,0,0);
  299 + opacity:1;
  300 + display: flex;
  301 +}
  302 +.mid_pic_box_p image{
  303 + width: 100%;
  304 + height: 100%;
  305 +}
  306 +.mid_pic_item{
  307 + width:352rpx;
  308 + height:352rpx;
  309 + background:rgba(0,0,0,0);
  310 + opacity:1;
  311 + display: flex;
  312 + margin-top: 16rpx;
  313 + /* margin-right: 18rpx; */
  314 +}
  315 +.mid_pic_item image{
  316 + width: 100%;
  317 + height: 100%;
  318 +}
  1 +Page({
  2 +
  3 + /**
  4 + * 页面的初始数据
  5 + */
  6 + data: {
  7 +
  8 + },
  9 +
  10 + /**
  11 + * 生命周期函数--监听页面加载
  12 + */
  13 + onLoad: function (options) {
  14 +
  15 + },
  16 +
  17 + /**
  18 + * 生命周期函数--监听页面初次渲染完成
  19 + */
  20 + onReady: function () {
  21 +
  22 + },
  23 +
  24 + /**
  25 + * 生命周期函数--监听页面显示
  26 + */
  27 + onShow: function () {
  28 +
  29 + },
  30 +
  31 + /**
  32 + * 生命周期函数--监听页面隐藏
  33 + */
  34 + onHide: function () {
  35 +
  36 + },
  37 +
  38 + /**
  39 + * 生命周期函数--监听页面卸载
  40 + */
  41 + onUnload: function () {
  42 +
  43 + },
  44 +
  45 + /**
  46 + * 页面相关事件处理函数--监听用户下拉动作
  47 + */
  48 + onPullDownRefresh: function () {
  49 +
  50 + },
  51 +
  52 + /**
  53 + * 页面上拉触底事件的处理函数
  54 + */
  55 + onReachBottom: function () {
  56 +
  57 + },
  58 +
  59 + /**
  60 + * 用户点击右上角分享
  61 + */
  62 + onShareAppMessage: function () {
  63 +
  64 + }
  65 +})
  1 +{
  2 + "usingComponents": {},
  3 + "navigationBarTitleText": "我的帖子",
  4 + "navigationBarBackgroundColor": "#fff",
  5 + "navigationBarTextStyle": "black"
  6 +}
  1 +
  2 +<view class='container'>
  3 + <view class='item'>
  4 + <view class='item_top'>
  5 + 员工个税减免干货都在这里了！各家HR惠存鸭~
  6 + </view>
  7 + <view class='item_mid'>
  8 + <view class='item_mid_text'>
  9 + 新个人所得税法近日备受关注。关于个人所得税，想必大家都十分关心，让我们通过以下问题！
  10 + </view>
  11 + <!-- 图片盒子 -->
  12 + <view class='item_mid_box'>
  13 +
  14 + <view class='item_mid_box_pic'>
  15 + <image src='../../images/weirenzheng@2x.png'></image>
  16 + </view>
  17 +
  18 + <view class='item_mid_box_pic'>
  19 + <image src='../../images/weirenzheng@2x.png'></image>
  20 + </view>
  21 +
  22 + <view class='item_mid_box_pic'>
  23 + <image src='../../images/weirenzheng@2x.png'></image>
  24 + </view>
  25 +
  26 + </view>
  27 + </view>
  28 + <!-- 底部 -->
  29 + <view class='item_bottom'>
  30 + <view class='item_left'>
  31 + 删除
  32 + </view>
  33 +
  34 + <view class='item_right'>
  35 + <!-- 图片 -->
  36 + <view class='item_right_pic'>
  37 + <image src='../../images/chakan@3x.png'></image>
  38 + </view>
  39 + <!-- 数量 -->
  40 + <view class='item_right_number'>
  41 + 26
  42 + </view>
  43 +
  44 + <!-- 图片 -->
  45 + <view class='item_right_pic2'>
  46 + <image src='../../images/pinglun@3x.png'></image>
  47 + </view>
  48 + <!-- 数量 -->
  49 + <view class='item_right_number'>
  50 + 26
  51 + </view>
  52 +
  53 + </view>
  54 + </view>
  55 + </view>
  56 +
  57 + <!-- 底部按钮 -->
  58 + <!-- <view class='button'>
  59 + 发表帖子
  60 + </view> -->
  61 +</view>
  1 +page{
  2 + background: #f7f7f7;
  3 +}
  4 +
  5 +.container{
  6 + width: 750rpx;
  7 + display: flex;
  8 + flex-flow: column;
  9 +}
  10 +.item{
  11 + display: flex;
  12 + flex-flow: column;
  13 + background: #fff;
  14 + box-sizing: border-box;
  15 + padding: 48rpx 32rpx;
  16 +}
  17 +.item_top{
  18 +
  19 + font-size:30rpx;
  20 + font-family:PingFang SC;
  21 + font-weight:600;
  22 + line-height:42rpx;
  23 + color:rgba(51,51,51,1);
  24 + opacity:1;
  25 +}
  26 +.item_mid_text{
  27 + margin-top: 22rpx;
  28 + font-size:26rpx;
  29 + font-family:PingFang SC;
  30 + font-weight:400;
  31 + line-height:30rpx;
  32 + color:rgba(51,51,51,1);
  33 + opacity:1;
  34 +}
  35 +.item_mid_box_pic{
  36 + margin-top: 20rpx;
  37 + margin-right: 10rpx;
  38 + width:218rpx;
  39 + height:218rpx;
  40 + background:rgba(0,0,0,0);
  41 + opacity:1;
  42 + display: flex;
  43 +
  44 +}
  45 +
  46 +.item_mid_box{
  47 + display: flex;
  48 + flex-wrap: wrap;
  49 +}
  50 +.item_mid_box_pic image{
  51 + width: 100%;
  52 + height: 100%;
  53 +}
  54 +.item_bottom{
  55 + margin-top: 18rpx;
  56 + display: flex;
  57 + justify-content: space-between;
  58 +}
  59 +.item_left{
  60 + display: flex;
  61 + width:44rpx;
  62 + height:32rpx;
  63 + font-size:22rpx;
  64 + font-family:PingFang SC;
  65 + font-weight:400;
  66 + line-height:32rpx;
  67 + color:rgba(22,155,213,1);
  68 + opacity:1;
  69 +}
  70 +.item_left_pic{
  71 + width:32rpx;
  72 + height:32rpx;
  73 + background:rgba(0,0,0,0);
  74 + border-radius:50%;
  75 + opacity:1;
  76 + display: flex;
  77 +}
  78 +.item_left_pic image{
  79 + width: 100%;
  80 + height: 100%;
  81 +}
  82 +.item_name{
  83 +
  84 + font-size:22rpx;
  85 + font-family:PingFang SC;
  86 + font-weight:400;
  87 + line-height:32rpx;
  88 + color:rgba(204,204,204,1);
  89 + margin-left: 16rpx;
  90 + opacity:1;
  91 +}
  92 +.item_right{
  93 + display: flex;
  94 + align-items: center;
  95 +}
  96 +.item_right_pic{
  97 +
  98 + width:36rpx;
  99 + height:23rpx;
  100 + /* background:rgba(204,204,204,1); */
  101 + opacity:1;
  102 + display: flex;
  103 +}
  104 +.item_right_pic image{
  105 + width: 100%;
  106 + height: 100%;
  107 +}
  108 +.item_right_number{
  109 + margin-left: 12rpx;
  110 + width:24rpx;
  111 + height:28rpx;
  112 + font-size:20rpx;
  113 + font-family:PingFang SC;
  114 + font-weight:400;
  115 + line-height:28rpx;
  116 + color:rgba(204,204,204,1);
  117 + opacity:1;
  118 +}
  119 +.item_right_pic2{
  120 + margin-left: 40rpx;
  121 + width:34rpx;
  122 + height:32rpx;
  123 + /* background:rgba(204,204,204,1); */
  124 + opacity:1;
  125 + display: flex;
  126 +}
  127 +.item_right_pic2 image{
  128 + width: 100%;
  129 + height: 100%;
  130 +}
  131 +.button{
  132 + width:686rpx;
  133 + height:96rpx;
  134 + line-height: 96rpx;
  135 + background:linear-gradient(336deg,rgba(0,128,255,1) 0%,rgba(0,194,255,1) 100%);
  136 + opacity:1;
  137 + border-radius:8rpx;
  138 + text-align: center;
  139 + color: #fff;
  140 + position: fixed;
  141 + left: 32rpx;
  142 + bottom: 30rpx;
  143 +
  144 +}
  1 +Page({
  2 +
  3 + /**
  4 + * 页面的初始数据
  5 + */
  6 + data: {
  7 +
  8 + },
  9 +
  10 + /**
  11 + * 生命周期函数--监听页面加载
  12 + */
  13 + onLoad: function (options) {
  14 +
  15 + },
  16 +
  17 + /**
  18 + * 生命周期函数--监听页面初次渲染完成
  19 + */
  20 + onReady: function () {
  21 +
  22 + },
  23 +
  24 + /**
  25 + * 生命周期函数--监听页面显示
  26 + */
  27 + onShow: function () {
  28 +
  29 + },
  30 +
  31 + /**
  32 + * 生命周期函数--监听页面隐藏
  33 + */
  34 + onHide: function () {
  35 +
  36 + },
  37 +
  38 + /**
  39 + * 生命周期函数--监听页面卸载
  40 + */
  41 + onUnload: function () {
  42 +
  43 + },
  44 +
  45 + /**
  46 + * 页面相关事件处理函数--监听用户下拉动作
  47 + */
  48 + onPullDownRefresh: function () {
  49 +
  50 + },
  51 +
  52 + /**
  53 + * 页面上拉触底事件的处理函数
  54 + */
  55 + onReachBottom: function () {
  56 +
  57 + },
  58 +
  59 + /**
  60 + * 用户点击右上角分享
  61 + */
  62 + onShareAppMessage: function () {
  63 +
  64 + }
  65 +})
  1 +{
  2 + "usingComponents": {},
  3 + "navigationBarTitleText": "政企服务平台",
  4 + "navigationBarBackgroundColor": "#169BD5",
  5 + "navigationBarTextStyle": "white"
  6 +}
  1 +
  2 +<view class='contaiter'>
  3 + <view class='top'>
  4 + <view class='top_item'>
  5 + <view class='top_item_left'>
  6 + <image src='../../images/weirenzheng@3x.png'></image>
  7 + </view>
  8 +
  9 + <view class='top_item_right'>
  10 + <view class='top_item_right_top'>
  11 + 认证企业:金沃斯在线英语
  12 + </view>
  13 + <view class='top_item_right_bottom'>
  14 + <!-- 头像 -->
  15 + <view class='top_item_right_bottom_pic'>
  16 + <image src='../../images/ren@2x.png'></image>
  17 + </view>
  18 + <!-- 名字 -->
  19 + <view class='top_item_right_bottom_name'>
  20 + 雨晨似墨
  21 + </view>
  22 + </view>
  23 + </view>
  24 +
  25 + </view>
  26 + </view>
  27 +</view>
  1 +
  2 +page{
  3 + background: #F7F7F7;
  4 +}
  5 +
  6 +.container{
  7 + width: 750rpx;
  8 + display: flex;
  9 + flex-flow: column;
  10 +}
  11 +.top{
  12 + width: 100%;
  13 + height: 200rpx;
  14 + background: #169BD5;
  15 + position: relative;
  16 +}
  17 +.top_item{
  18 + width:688rpx;
  19 + height:240rpx;
  20 + background:rgba(255,255,255,1);
  21 + box-shadow:0px 6rpx 40rpx rgba(0,34,255,0.08);
  22 + opacity:1;
  23 + border-radius:8rpx;
  24 + /* margin-top: 100rpx */
  25 + position: absolute;
  26 + top: 50rpx;
  27 + left: 31rpx;
  28 + display: flex;
  29 + box-sizing: border-box;
  30 + padding: 48rpx 32rpx;
  31 +}
  32 +.top_item_left{
  33 + width:112rpx;
  34 + height:112rpx;
  35 + background:rgba(0,0,0,0);
  36 + border-radius:50%;
  37 + opacity:1;
  38 + display: flex;
  39 +}
  40 +.top_item_left image{
  41 + width: 100%;
  42 + height: 100%;
  43 +}
  44 +.top_item_right{
  45 + display: flex;
  46 + flex-flow: column;
  47 + margin-left: 16rpx;
  48 +}
  49 +.top_item_right_top{
  50 + margin-top: 14rpx;
  51 + font-size:32rpx;
  52 + font-family:PingFang SC;
  53 + font-weight:600;
  54 + line-height:44rpx;
  55 + color:rgba(51,51,51,1);
  56 + opacity:1;
  57 +}
  58 +.top_item_right_bottom{
  59 + margin-top: 18rpx;
  60 + width:160rpx;
  61 + height:40rpx;
  62 + background:rgba(22,155,213,0.2);
  63 + /* opacity:0.2; */
  64 + border-radius:24rpx;
  65 + display: flex;
  66 + align-items: center;
  67 + justify-content: center;
  68 +}
  69 +.top_item_right_bottom_pic{
  70 + width: 20rpx;
  71 + height: 24rpx;
  72 + display: flex;
  73 +}
  74 +.top_item_right_bottom_pic image{
  75 + width: 100%;
  76 + height: 100%;
  77 +}
  78 +.top_item_right_bottom_name{
  79 + margin-left: 15rpx;
  80 + font-size:22rpx;
  81 + font-family:PingFang SC;
  82 + font-weight:400;
  83 + line-height:32rpx;
  84 + color:rgba(22,155,213,1);
  85 + opacity:1;
  86 + z-index: 999
  87 +}
@@ -37,7 +37,7 @@ @@ -37,7 +37,7 @@
37 "list": [] 37 "list": []
38 }, 38 },
39 "miniprogram": { 39 "miniprogram": {
40 - "current": 2, 40 + "current": 20,
41 "list": [ 41 "list": [
42 { 42 {
43 "id": -1, 43 "id": -1,
@@ -57,6 +57,133 @@ @@ -57,6 +57,133 @@
57 "id": -1, 57 "id": -1,
58 "name": "政策宣传详情", 58 "name": "政策宣传详情",
59 "pathName": "pages/attract/detail/detail", 59 "pathName": "pages/attract/detail/detail",
  60 + "query": "",
  61 + "scene": null
  62 + },
  63 + {
  64 + "id": -1,
  65 + "name": "ar",
  66 + "pathName": "pages/matrix/article/article",
  67 + "query": "",
  68 + "scene": null
  69 + },
  70 + {
  71 + "id": -1,
  72 + "name": "post",
  73 + "pathName": "pages/interact/interactPost/interactPost",
  74 + "query": "",
  75 + "scene": null
  76 + },
  77 + {
  78 + "id": -1,
  79 + "name": "text_1",
  80 + "pathName": "pages/matrix/matrix",
  81 + "query": "",
  82 + "scene": null
  83 + },
  84 + {
  85 + "id": -1,
  86 + "name": "text_2",
  87 + "pathName": "pages/interact/interactPost/interactPost",
  88 + "query": "",
  89 + "scene": null
  90 + },
  91 + {
  92 + "id": 8,
  93 + "name": "text_4",
  94 + "pathName": "pages/my/myAttention/myAttention",
  95 + "query": "",
  96 + "scene": null
  97 + },
  98 + {
  99 + "id": -1,
  100 + "name": "text_5",
  101 + "pathName": "pages/my/my",
  102 + "query": "",
  103 + "scene": null
  104 + },
  105 + {
  106 + "id": -1,
  107 + "name": "text_6",
  108 + "pathName": "pages/matrix/article/article",
  109 + "query": "",
  110 + "scene": null
  111 + },
  112 + {
  113 + "id": -1,
  114 + "name": "text_7",
  115 + "pathName": "pages/matrix/company/company",
  116 + "query": "",
  117 + "scene": null
  118 + },
  119 + {
  120 + "id": -1,
  121 + "name": "text_8",
  122 + "pathName": "pages/attract/attract",
  123 + "query": "",
  124 + "scene": null
  125 + },
  126 + {
  127 + "id": -1,
  128 + "name": "text_9",
  129 + "pathName": "pages/attract/detail/detail",
  130 + "query": "",
  131 + "scene": null
  132 + },
  133 + {
  134 + "id": -1,
  135 + "name": "text_10",
  136 + "pathName": "pages/enterprise_q&a/enterprise_q&a",
  137 + "query": "",
  138 + "scene": null
  139 + },
  140 + {
  141 + "id": -1,
  142 + "name": "text_11",
  143 + "pathName": "pages/colleagues/colleagues",
  144 + "query": "",
  145 + "scene": null
  146 + },
  147 + {
  148 + "id": -1,
  149 + "name": "text_12",
  150 + "pathName": "pages/colleagues_2/colleagues_2",
  151 + "query": "",
  152 + "scene": null
  153 + },
  154 + {
  155 + "id": -1,
  156 + "name": "text_13",
  157 + "pathName": "pages/server_1/server_1",
  158 + "query": "",
  159 + "scene": null
  160 + },
  161 + {
  162 + "id": -1,
  163 + "name": "text_14",
  164 + "pathName": "pages/myLike/myLike",
  165 + "query": "",
  166 + "scene": null
  167 + },
  168 + {
  169 + "id": -1,
  170 + "name": "text_15",
  171 + "pathName": "pages/myPost/myPost",
  172 + "query": "",
  173 + "scene": null
  174 + },
  175 + {
  176 + "id": -1,
  177 + "name": "text_16",
  178 + "pathName": "pages/myComments/myComments",
  179 + "query": "",
  180 + "scene": null
  181 + },
  182 + {
  183 + "id": 20,
  184 + "name": "text_17",
  185 + "pathName": "pages/myInform/myInform",
  186 + "query": "",
60 "scene": null 187 "scene": null
61 } 188 }
62 ] 189 ]