miniprogram / liqizhuang · 提交

转到一个项目

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

李七庄

内嵌 并排对比
正在显示 35 个修改的文件 包含 3904 行增加 和 5 行删除
{
"pages": [
<<<<<<< HEAD
"pages/myInform/myInform",
"pages/my/approveInfo/approveInfo",
"pages/my/approve/approve",
"pages/matrix/article/article",
=======
>>>>>>> 0a5cee808ca0c031c81f44d4480eb9075f9b9b2d
"pages/myComments/myComments",
"pages/myPost/myPost",
"pages/myLike/myLike",
"pages/server_1/server_1",
"pages/colleagues_2/colleagues_2",
"pages/colleagues/colleagues",
"pages/enterprise_q&a/enterprise_q&a",
"pages/matrix/matrix",
"pages/interact/interactPost/interactPost",
"pages/interact/interact",
... ...
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
... ...
{
"usingComponents": {},
"navigationBarTitleText": "同事吧",
"navigationBarBackgroundColor": "#169BD5",
"navigationBarTextStyle": "white"
}
\ No newline at end of file
... ...
<view class='container'>
<view class='item'>
<view class='item_top'>
员工个税减免干货都在这里了！各家HR惠存鸭~
</view>
<view class='item_mid'>
<view class='item_mid_text'>
新个人所得税法近日备受关注。关于个人所得税，想必大家都十分关心，让我们通过以下问题！
</view>
<!-- 图片盒子 -->
<view class='item_mid_box'>
<view class='item_mid_box_pic'>
<image src='../../images/weirenzheng@2x.png'></image>
</view>
<view class='item_mid_box_pic'>
<image src='../../images/weirenzheng@2x.png'></image>
</view>
<view class='item_mid_box_pic'>
<image src='../../images/weirenzheng@2x.png'></image>
</view>
</view>
</view>
<!-- 底部 -->
<view class='item_bottom'>
<view class='item_left'>
<!-- 头像 -->
<view class='item_left_pic'>
<image src='../../images/weirenzheng@3x.png'></image>
</view>
<view class='item_name'>
张小亮
</view>
</view>
<view class='item_right'>
<!-- 图片 -->
<view class='item_right_pic'>
<image src='../../images/chakan@3x.png'></image>
</view>
<!-- 数量 -->
<view class='item_right_number'>
26
</view>
<!-- 图片 -->
<view class='item_right_pic2'>
<image src='../../images/pinglun@3x.png'></image>
</view>
<!-- 数量 -->
<view class='item_right_number'>
26
</view>
</view>
</view>
</view>
<!-- 底部按钮 -->
<view class='button'>
发表帖子
</view>
</view>
\ No newline at end of file
... ...
page{
background: #f7f7f7;
}
.container{
width: 750rpx;
display: flex;
flex-flow: column;
}
.item{
display: flex;
flex-flow: column;
background: #fff;
box-sizing: border-box;
padding: 48rpx 32rpx;
}
.item_top{
font-size:30rpx;
font-family:PingFang SC;
font-weight:600;
line-height:42rpx;
color:rgba(51,51,51,1);
opacity:1;
}
.item_mid_text{
margin-top: 22rpx;
font-size:26rpx;
font-family:PingFang SC;
font-weight:400;
line-height:30rpx;
color:rgba(51,51,51,1);
opacity:1;
}
.item_mid_box_pic{
width:218rpx;
height:224rpx;
background:rgba(0,0,0,0);
opacity:1;
display: flex;
margin-left: 10rpx;
}
.item_mid_box_pic:first-child{
margin-left: 0;
}
.item_mid_box{
margin-top: 14rpx;
display: flex;
flex-wrap: wrap;
}
.item_mid_box_pic image{
width: 100%;
height: 100%;
}
.item_bottom{
margin-top: 18rpx;
display: flex;
justify-content: space-between;
}
.item_left{
display: flex;
}
.item_left_pic{
width:32rpx;
height:32rpx;
background:rgba(0,0,0,0);
border-radius:50%;
opacity:1;
display: flex;
}
.item_left_pic image{
width: 100%;
height: 100%;
}
.item_name{
font-size:22rpx;
font-family:PingFang SC;
font-weight:400;
line-height:32rpx;
color:rgba(204,204,204,1);
margin-left: 16rpx;
opacity:1;
}
.item_right{
display: flex;
align-items: center;
}
.item_right_pic{
width:36rpx;
height:23rpx;
/* background:rgba(204,204,204,1); */
opacity:1;
display: flex;
}
.item_right_pic image{
width: 100%;
height: 100%;
}
.item_right_number{
margin-left: 12rpx;
width:24rpx;
height:28rpx;
font-size:20rpx;
font-family:PingFang SC;
font-weight:400;
line-height:28rpx;
color:rgba(204,204,204,1);
opacity:1;
}
.item_right_pic2{
margin-left: 40rpx;
width:34rpx;
height:32rpx;
/* background:rgba(204,204,204,1); */
opacity:1;
display: flex;
}
.item_right_pic2 image{
width: 100%;
height: 100%;
}
.button{
width:686rpx;
height:96rpx;
line-height: 96rpx;
background:linear-gradient(336deg,rgba(0,128,255,1) 0%,rgba(0,194,255,1) 100%);
opacity:1;
border-radius:8rpx;
text-align: center;
color: #fff;
position: fixed;
left: 32rpx;
bottom: 30rpx;
}
\ No newline at end of file
... ...
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
... ...
{
"usingComponents": {},
"navigationBarTitleText": "详情页",
"navigationBarBackgroundColor": "#169BD5",
"navigationBarTextStyle": "white"
}
\ No newline at end of file
... ...
<view class='container'>
<view class='item'>
<view class='item_top'>
员工个税减免干货都在这里了！各家HR惠存鸭~
</view>
<view class='item_mid'>
<view class='item_mid_text'>
新个人所得税法近日备受关注。关于个人所得税，想必大家都十分关心，让我们通过以下问题！
<span class='color_blue'>全部</span>
</view>
<!-- 图片盒子 -->
<view class='item_mid_box'>
<view class='item_mid_box_pic'>
<image src='../../images/weirenzheng@2x.png'></image>
</view>
<view class='item_mid_box_pic'>
<image src='../../images/weirenzheng@2x.png'></image>
</view>
<view class='item_mid_box_pic'>
<image src='../../images/weirenzheng@2x.png'></image>
</view>
</view>
</view>
<!-- 底部 -->
<view class='item_bottom'>
<view class='item_left'>
<!-- 头像 -->
<view class='item_left_pic'>
<image src='../../images/weirenzheng@3x.png'></image>
</view>
<view class='item_name'>
张小亮
</view>
<!-- 时间 -->
<view class='item_time'>
2019/01/21
</view>
<!-- 删除 -->
<view class='item_delete'>
删除
</view>
</view>
<view class='item_right'>
<!-- 图片 -->
<view class='item_right_pic'>
<image src='../../images/chakan@3x.png'></image>
</view>
<!-- 数量 -->
<view class='item_right_number'>
26
</view>
<!-- 图片 -->
<view class='item_right_pic2'>
<image src='../../images/pinglun@3x.png'></image>
</view>
<!-- 数量 -->
<view class='item_right_number'>
26
</view>
</view>
</view>
</view>
<view class='item_box'>
<!-- 回复内容1 -->
<view class='item item_bottom'>
<view class='item_list'>
<view class='item_list_left'>
<view class='item_list_left_pic'>
<image src='../../images/img.jpg'></image>
</view>
</view>
<!-- 右边 -->
<view class='item_list_right'>
<!-- 名字 -->
<view class='item_list_right_name'>
Bigman
</view>
<!-- 评论 -->
<view class='item_list_right_title'>
祝愿祖国越来越强大！！！
</view>
<!-- 时间&点赞 -->
<view class='time_bottom'>
<view class='time_bottom_left'>
24分钟前
</view>
<view class='time_bottom_left'>
<view>21</view>
<view class='time_bottom_left_pic'>
<image src='../../images/zan@3x.png'></image>
</view>
</view>
</view>
<!-- 底部评论 -->
<view class='text_bottom'>
<span class='color_blue'>你好啊：</span>哪个人是你
</view>
<!-- 下划线 -->
<view class='underline'></view>
</view>
</view>
</view>
<!-- 回复内容2 -->
<view class='item item_bottom'>
<view class='item_list'>
<view class='item_list_left'>
<view class='item_list_left_pic'>
<image src='../../images/img.jpg'></image>
</view>
</view>
<!-- 右边 -->
<view class='item_list_right'>
<!-- 名字 -->
<view class='item_list_right_name'>
Bigman
</view>
<!-- 评论 -->
<view class='item_list_right_title'>
祝愿祖国越来越强大！！！
</view>
<!-- 时间&点赞 -->
<view class='time_bottom'>
<view class='time_bottom_left'>
24分钟前
</view>
<view class='time_bottom_left'>
<view>21</view>
<view class='time_bottom_left_pic'>
<image src='../../images/zan@3x.png'></image>
</view>
</view>
</view>
<!-- 底部评论 -->
<!-- <view class='text_bottom'>
<span class='color_blue'>你好啊：</span>哪个人是你
</view> -->
<!-- 下划线 -->
<!-- <view class='underline'></view> -->
</view>
</view>
</view>
</view>
<!-- 底部发表按钮 -->
<view class='bottom_box'>
<view class='bottom_box_input'>
<input placeholder='发表评论...'></input>
</view>
<view class='bottom_box_text'>
发表
</view>
</view>
</view>
\ No newline at end of file
... ...
page{
background: #f7f7f7;
}
.container{
width: 750rpx;
display: flex;
flex-flow: column;
}
.item{
display: flex;
flex-flow: column;
background: #fff;
box-sizing: border-box;
padding: 48rpx 46rpx 0 32rpx;
}
.item_top{
font-size:30rpx;
font-family:PingFang SC;
font-weight:600;
line-height:42rpx;
color:rgba(51,51,51,1);
opacity:1;
}
.item_mid_text{
margin-top: 22rpx;
font-size:26rpx;
font-family:PingFang SC;
font-weight:400;
line-height:30rpx;
color:rgba(51,51,51,1);
opacity:1;
}
.item_mid_box_pic{
width:256rpx;
height:256rpx;
background:rgba(0,0,0,0);
opacity:1;
display: flex;
margin-top: 14rpx;
margin-left: 10rpx;
}
.item_mid_box_pic:first-child{
margin-left: 0;
}
.item_mid_box{
display: flex;
flex-wrap: wrap;
}
.item_mid_box_pic image{
width: 100%;
height: 100%;
}
.item_bottom{
display: flex;
justify-content: space-between;
padding: 34rpx 32rpx;
}
.item_left{
display: flex;
}
.item_left_pic{
width:32rpx;
height:32rpx;
background:rgba(0,0,0,0);
border-radius:50%;
opacity:1;
display: flex;
}
.item_left_pic image{
width: 100%;
height: 100%;
}
.item_name{
font-size:22rpx;
font-family:PingFang SC;
font-weight:400;
line-height:32rpx;
color:rgba(204,204,204,1);
margin-left: 16rpx;
opacity:1;
}
.item_right{
display: flex;
align-items: center;
}
.item_right_pic{
width:36rpx;
height:23rpx;
/* background:rgba(204,204,204,1); */
opacity:1;
display: flex;
}
.item_right_pic image{
width: 100%;
height: 100%;
}
.item_right_number{
margin-left: 12rpx;
width:24rpx;
height:28rpx;
font-size:20rpx;
font-family:PingFang SC;
font-weight:400;
line-height:28rpx;
color:rgba(204,204,204,1);
opacity:1;
}
.item_right_pic2{
margin-left: 40rpx;
width:34rpx;
height:32rpx;
/* background:rgba(204,204,204,1); */
opacity:1;
display: flex;
}
.item_right_pic2 image{
width: 100%;
height: 100%;
}
.button{
width:686rpx;
height:96rpx;
line-height: 96rpx;
background:linear-gradient(336deg,rgba(0,128,255,1) 0%,rgba(0,194,255,1) 100%);
opacity:1;
border-radius:8rpx;
text-align: center;
color: #fff;
position: fixed;
left: 32rpx;
bottom: 30rpx;
}
.color_blue{
color: #169BD5;
}
.item_time{
margin-left: 16rpx;
font-size:22rpx;
font-family:PingFang SC;
font-weight:400;
line-height:32rpx;
color:rgba(204,204,204,1);
opacity:1;
}
.item_delete{
margin-left: 28rpx;
font-size:22rpx;
font-family:PingFang SC;
font-weight:400;
line-height:32rpx;
color:rgba(22,155,213,1);
opacity:1;
}
.item_list{
display: flex;
}
.item_list_left{
display: flex;
}
.item_list_left_pic{
width:80rpx;
height:80rpx;
background:rgba(0,0,0,0);
opacity:1;
border-radius:50%;
display: flex;
}
.item_list_left_pic image{
width: 100%;
height: 100%;
border-radius:50%;
}
.item_list_right{
display: flex;
flex-flow: column;
flex: 1;
margin-left: 16rpx;
}
.item_list_right_name{
font-size:24rpx;
font-family:PingFang SC;
font-weight:400;
line-height:34rpx;
color:rgba(69,96,159,1);
opacity:1;
}
.item_list_right_title{
font-size:26rpx;
font-family:PingFang SC;
font-weight:400;
line-height:36rpx;
color:rgba(51,51,51,1);
opacity:1;
}
.time_bottom{
display: flex;
justify-content: space-between;
margin-top: 6rpx;
}
.time_bottom_left{
font-size:20rpx;
font-family:PingFang SC;
font-weight:400;
line-height:28rpx;
color:rgba(153,153,153,1);
opacity:1;
display: flex;
align-items: center;
}
.time_bottom_left_pic{
margin-left: 8rpx;
width:22rpx;
height:20rpx;
/* background:rgba(153,153,153,1); */
opacity:1;
display: flex;
}
.time_bottom_left_pic image{
width: 100%;
height: 100%;
}
.text_bottom{
margin-top: 22rpx;
background:rgba(245,245,245,1);
border-radius:8rpx;
padding: 16rpx;
font-size:24rpx;
font-family:PingFang SC;
font-weight:400;
line-height:34rpx;
color:rgba(51,51,51,1);
opacity:1;
}
.underline{
margin-top: 16rpx;
width: 100%;
height: 2rpx;
background: #F5F5F5;
}
.bottom_box{
width: 750rpx;
height: 120rpx;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
position: fixed;
bottom: 0;
}
.bottom_box_input{
width: 608rpx;
display: flex;
background:rgba(247,247,247,1);
border:2px solid rgba(238,238,238,1);
opacity:1;
border-radius:8rpx;
}
.bottom_box_input input{
width: 100%;
height: 64rpx;
padding: 0 32rpx;
}
.bottom_box_input::placeholder{
/* color: #CCCCCC; */
}
.bottom_box_text{
margin-left: 16rpx;
font-size:32rpx;
font-family:PingFang SC;
font-weight:600;
line-height:44rpx;
color:rgba(51,51,51,1);
opacity:1;
}
.item_box{
margin-top: 16rpx;
margin-bottom: 200rpx;
}
\ No newline at end of file
... ...
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
... ...
{
"usingComponents": {},
"navigationBarTitleText": "企业问答",
"navigationBarBackgroundColor": "#169BD5",
"navigationBarTextStyle": "white"
}
\ No newline at end of file
... ...
<view class='container'>
<view class='top'>
<view class='top_left'>企业问答</view>
<view class='top_right'>企话吧</view>
</view>
<!-- 企业问答 -->
<view class='box_left' style='display:block'>
<view class='mid'>
<view class='mid_item'>
<!-- 左边感叹号 -->
<view class='mid_item_left'>
<image src='../../images/tishi@3x.png'></image>
</view>
<!-- 右边标题 -->
<view class='mid_item_right'>
<view class='mid_item_right_top'>
校区门口停车难，镇政府是否可协调交管局规划车位，方便学生家长停车？
<view class='mid_label'>
<image src='../../images/huifujishi@3x.png'></image>
</view>
</view>
<view class='mid_item_right_bottom'>
发布时间： 07-21 21:00
</view>
<!-- 回复 -->
<view class='response_box'>
<!-- 回复内容 -->
<view class='mid_item_right_response'>
<text class='color_blue'>回复:</text>
贵单位的问题已反应到相关单位，具体实施方案将在7个工作日内反馈
</view>
<!-- 回复时间 -->
<view class='mid_item_right_bottom'>
回复时间：07-21 21:00
</view>
</view>
</view>
</view>
<view class='mid_item'>
<!-- 左边感叹号 -->
<view class='mid_item_left'>
<image src='../../images/tishi@3x.png'></image>
</view>
<!-- 右边标题 -->
<view class='mid_item_right'>
<view class='mid_item_right_top'>
校区门口停车难，镇政府是否可协调交管局规划车位，方便学生家长停车？
<view class='mid_label'>
<image src='../../images/huifuyiban@3x.png'></image>
</view>
</view>
<view class='mid_item_right_bottom'>
发布时间：07-21 21:00
</view>
<!-- 回复 -->
<view class='response_box'>
<!-- 回复内容 -->
<view class='mid_item_right_response'>
<text class='color_blue'>回复:</text>
贵单位的问题已反应到相关单位，具体实施方案将在7个工作日内反馈
</view>
<!-- 回复时间 -->
<view class='mid_item_right_bottom'>
回复时间：07-21 21:00
</view>
</view>
</view>
</view>
<view class='mid_item'>
<!-- 左边感叹号 -->
<view class='mid_item_left'>
<image src='../../images/tishi@3x.png'></image>
</view>
<!-- 右边标题 -->
<view class='mid_item_right'>
<view class='mid_item_right_top'>
校区门口停车难，镇政府是否可协调交管局规划车位，方便学生家长停车？
<view class='mid_label'>
<image src='../../images/huifuzhihuan @3x.png'></image>
</view>
</view>
<view class='mid_item_right_bottom'>
发布时间：07-21 21:00
</view>
<!-- 等待回复 -->
<view class='waiting_response'>
等待回复中.....
</view>
</view>
</view>
</view>
<!-- 提问 -->
<view class='bottom'>
<view class='bottom_question'>
提问
</view>
</view>
</view>
<!-- 企话吧 -->
<view class='box_right' style='display:none'>
<view class='mid'>
<!-- 标题 -->
<view class='mid_title'>
有一条新评论 >
</view>
<!-- 条目 -->
<view class='mid_item'>
<view class='mid_item_top'>
<view class='mid_item_top_left'>
<!-- 图片 -->
<view class='mid_item_top_left_pic'>
<image src='../../images/03_nav@2x.png'></image>
</view>
<!-- 文字 -->
<view class='mid_item_top_left_text'>
金沃斯英语在线教育
</view>
</view>
<view class='mid_item_top_right'>
15分钟前
</view>
</view>
<!-- 文字内容 -->
<view class='mid_item_text'>
新个人所得税法近日备受关注。关于个人所得税，想必大家都十分关心，让我们通过以下问题！
</view>
<!-- 底部 -->
<view class='mid_item_like'>
<view class='mid_item_like_left'>
删除
</view>
<view class='mid_item_like_right'>
<!-- 点赞 -->
<view class='mid_like color_blue'>
<image src='../../images/thumb-up-button@3x.png'></image>
</view>
<!-- 数量 -->
<view class='mid_number color_blue'>
46
</view>
<!-- 点赞 -->
<view class='mid_like'>
<image src='../../images/pinglun@3x.png'></image>
</view>
<!-- 数量 -->
<view class='mid_number'>
46
</view>
</view>
</view>
</view>
<!-- 条目 -->
<view class='mid_item'>
<view class='mid_item_top'>
<view class='mid_item_top_left'>
<!-- 图片 -->
<view class='mid_item_top_left_pic'>
<image src='../../images/03_nav@2x.png'></image>
</view>
<!-- 文字 -->
<view class='mid_item_top_left_text'>
金沃斯英语在线教育
<view class='icon_tm'>
<image src='../../images/guangfang@2x.png'></image>
</view>
</view>
</view>
<view class='mid_item_top_right'>
15分钟前
</view>
</view>
<!-- 文字内容 -->
<view class='mid_item_text'>
新个人所得税法近日备受关注。关于个人所得税，想必大家都十分关心，让我们通过以下问题！
</view>
<!-- 底部 -->
<view class='mid_item_like'>
<view class='mid_item_like_left'>
删除
</view>
<view class='mid_item_like_right'>
<!-- 点赞 -->
<view class='mid_like color_blue'>
<image src='../../images/zan@3x.png'></image>
</view>
<!-- 数量 -->
<view class='mid_number '>
46
</view>
<!-- 点赞 -->
<view class='mid_like'>
<image src='../../images/pinglun_fill@3x.png'></image>
</view>
<!-- 数量 -->
<view class='mid_number color_blue'>
46
</view>
</view>
</view>
</view>
<!-- 条目 -->
<view class='mid_item'>
<view class='mid_item_top'>
<view class='mid_item_top_left'>
<!-- 图片 -->
<view class='mid_item_top_left_pic'>
<image src='../../images/03_nav@2x.png'></image>
</view>
<!-- 文字 -->
<view class='mid_item_top_left_text'>
金沃斯英语在线教育
<view class='icon_tm'>
<image src='../../images/guangfang@2x.png'></image>
</view>
</view>
</view>
<view class='mid_item_top_right'>
15分钟前
</view>
</view>
<!-- 文字内容 -->
<view class='mid_item_text'>
新个人所得税法近日备受关注。关于个人所得税，想必大家都十分关心，让我们通过以下问题！
</view>
<!-- 底部 -->
<view class='mid_item_like'>
<view class='mid_item_like_left'>
删除
</view>
<view class='mid_item_like_right'>
<!-- 点赞 -->
<view class='mid_like color_blue'>
<image src='../../images/zan@3x.png'></image>
</view>
<!-- 数量 -->
<view class='mid_number '>
46
</view>
<!-- 点赞 -->
<view class='mid_like'>
<image src='../../images/pinglun@3x.png'></image>
</view>
<!-- 数量 -->
<view class='mid_number'>
46
</view>
</view>
</view>
<!-- 回复框 -->
<view class='mid_item_bottom'>
<view><span class='color_blue'>宏中科技</span>:非常实用!!!</view>
<view><span class='color_blue'>宏中科技</span>:非常实用!!!</view>
<view><span class='color_blue'>查看更多>></span></view>
</view>
</view>
</view>
</view>
</view>
\ No newline at end of file
... ...
page{
background: #F7F7F7;
}
.container{
width: 750rpx;
display: flex;
flex-flow: column;
}
.top{
width: 100%;
height: 80rpx;
line-height: 80rpx;
display: flex;
justify-content: space-around;
font-size:26rpx;
font-family:PingFang SC;
font-weight:600;
color: #999999;
background: #fff;
opacity:1;
}
.top_left{
width: 169rpx;
color: #169BD5;
border-bottom: 2px solid #169BD5;
text-align: center;
}
.mid{
margin-top: 16rpx;
width: 100%;
display: flex;
align-items: center;
flex-flow: column;
justify-content: center;
background: #fff;
}
.mid_item{
padding: 50rpx 0;
width: 686rpx;
margin: 0 auto;
display: flex;
flex-flow: column;
justify-content: space-between;
border-bottom: 2px solid #f5f5f5;
}
.mid_item_left{
width:42rpx;
height:40rpx;
opacity:1;
display: flex;
}
.mid_item_left image{
width: 100%;
height: 100%;
}
.mid_item_right{
flex: 1;
margin-left: 20rpx;
}
.mid_item_right_top{
font-size:28rpx;
font-family:PingFang SC;
font-weight:400;
line-height:36rpx;
color:rgba(51,51,51,1);
opacity:1;
position: relative;
}
.mid_item_right_bottom{
margin-top: 6rpx;
font-size:20rpx;
font-family:PingFang SC;
font-weight:400;
line-height:30rpx;
color:rgba(204,204,204,1);
opacity:1;
}
.response_box{
margin-top: 30rpx;
color:rgba(102,102,102,1);
opacity:1;
background: #f5f5f5;
border-radius: 8rpx;
box-sizing: border-box;
padding: 30rpx 20rpx;
}
.mid_item_right_response{
font-size:24rpx;
font-family:PingFang SC;
font-weight:400;
line-height:32rpx;
}
.color_blue{
color: #169BD5;
}
.waiting_response{
margin-top: 22rpx;
font-size:24rpx;
font-family:PingFang SC;
font-weight:400;
line-height:24rpx;
color:rgba(22,155,213,1);
opacity:1;
}
.mid_label{
width:113rpx;
height:113rpx;
opacity:1;
display: flex;
position: absolute;
top: 0;
right: -30rpx;
}
.mid_label image{
width: 100%;
height: 100%;
}
.bottom{
width: 100%;
background: #fff;
display: flex;
justify-content: center;
}
.bottom_question{
margin: 180rpx 0;
width:304rpx;
height:96rpx;
line-height: 96rpx;
text-align: center;
color: #fff;
background:linear-gradient(328deg,rgba(0,128,255,1) 0%,rgba(0,194,255,1) 100%);
box-shadow:0px 6px 12px rgba(0,128,255,0.16);
opacity:1;
border-radius:8rpx;
}
/* 企话吧 */
.mid_title{
margin-top: 48rpx;
width:240rpx;
height:48rpx;
line-height: 48rpx;
text-align: center;
background:linear-gradient(324deg,rgba(0,128,255,1) 0%,rgba(0,194,255,1) 100%);
box-shadow:0px 6rpx 12rpx rgba(0,136,255,0.16);
opacity:1;
border-radius:8rpx;
font-size:26rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(255,255,255,1);
}
.mid_item_top{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.mid_item_top_left{
display: flex;
align-items: center;
}
.mid_item_top_left_pic{
width:80rpx;
height:80rpx;
border-radius:50%;
opacity:1;
}
.mid_item_top_left_pic image{
width: 100%;
height: 100%;
border-radius:50%;
}
.mid_item_top_left_text{
font-size:30rpx;
font-family:PingFang SC;
font-weight:600;
line-height:42rpx;
color:rgba(51,51,51,1);
opacity:1;
margin-left: 16rpx;
position: relative;
}
.mid_item_top_right{
font-size:22rpx;
font-family:PingFang SC;
font-weight:400;
line-height:32rpx;
color:rgba(204,204,204,1);
opacity:1;
}
.mid_item_text{
font-size:26rpx;
font-family:PingFang SC;
font-weight:400;
/* line-height:36rpx; */
color:rgba(51,51,51,1);
opacity:1;
margin-top: 32rpx;
}
.mid_item_like{
margin-top: 34rpx;
width: 686rpx;
display: flex;
justify-content: space-between;
}
.mid_item_like_left{
font-size:22rpx;
font-family:PingFang SC;
font-weight:400;
line-height:32rpx;
color:rgba(22,155,213,1);
opacity:1;
}
.mid_item_like_right{
display: flex;
align-items: center;
}
.mid_like{
width:38rpx;
height:36rpx;
opacity:1;
display: flex;
margin-left: 50rpx;
}
.mid_like image{
width: 100%;
height: 100%;
}
.mid_number{
margin-left: 10rpx;
font-size:22rpx;
font-family:PingFang SC;
font-weight:400;
line-height:48rpx;
color: #b5b5b5;
opacity:1;
}
.color_blue{
color: #169BD5;
}
.color_size{
color: #b5b5b5;
}
.icon_tm{
width:18rpx;
height:22rpx;
background:rgba(0,0,0,0);
opacity:1;
display: flex;
position: absolute;
top: 0;
right: -20rpx;
}
.icon_tm image{
width: 100%;
height: 100%;
}
.mid_item_bottom{
background:rgba(245,245,245,1);
opacity:1;
border-radius:8px;
font-size:24rpx;
font-family:PingFang SC;
font-weight:400;
line-height:34rpx;
color:rgba(102,102,102,1);
box-sizing: border-box;
padding: 16rpx 16rpx 28rpx 16rpx;
}
.mid_item_bottom view:last-child{
margin-top: 10rpx;
}
... ...
{
"usingComponents": {},
"navigationBarBackgroundColor": "#f7f7f7",
"navigationBarTitleText": "我的关注"
"navigationBarTitleText": "我的关注",
"navigationBarTextStyle": "black"
}
\ No newline at end of file
... ...
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
... ...
{
"usingComponents": {},
"navigationBarTitleText": "我的评论",
"navigationBarBackgroundColor": "#fff",
"navigationBarTextStyle": "black"
}
\ No newline at end of file
... ...
<view class='container'>
<!-- 企业问答 -->
<view class='box_left' style='display:none'>
<view class='mid'>
<view class='mid_item'>
<!-- 左边感叹号 -->
<view class='mid_item_left'>
<image src='../../images/tishi@3x.png'></image>
</view>
<!-- 右边标题 -->
<view class='mid_item_right'>
<view class='mid_item_right_top'>
校区门口停车难，镇政府是否可协调交管局规划车位，方便学生家长停车？
<view class='mid_label'>
<image src='../../images/huifujishi@3x.png'></image>
</view>
</view>
<view class='mid_item_right_bottom'>
发布时间： 07-21 21:00
</view>
<!-- 回复 -->
<view class='response_box'>
<!-- 回复内容 -->
<view class='mid_item_right_response'>
<text class='color_blue'>回复:</text>
贵单位的问题已反应到相关单位，具体实施方案将在7个工作日内反馈
</view>
<!-- 回复时间 -->
<view class='mid_item_right_bottom'>
回复时间：07-21 21:00
</view>
</view>
</view>
</view>
<view class='mid_item'>
<!-- 左边感叹号 -->
<view class='mid_item_left'>
<image src='../../images/tishi@3x.png'></image>
</view>
<!-- 右边标题 -->
<view class='mid_item_right'>
<view class='mid_item_right_top'>
校区门口停车难，镇政府是否可协调交管局规划车位，方便学生家长停车？
<view class='mid_label'>
<image src='../../images/huifuyiban@3x.png'></image>
</view>
</view>
<view class='mid_item_right_bottom'>
发布时间：07-21 21:00
</view>
<!-- 回复 -->
<view class='response_box'>
<!-- 回复内容 -->
<view class='mid_item_right_response'>
<text class='color_blue'>回复:</text>
贵单位的问题已反应到相关单位，具体实施方案将在7个工作日内反馈
</view>
<!-- 回复时间 -->
<view class='mid_item_right_bottom'>
回复时间：07-21 21:00
</view>
</view>
</view>
</view>
<view class='mid_item'>
<!-- 左边感叹号 -->
<view class='mid_item_left'>
<image src='../../images/tishi@3x.png'></image>
</view>
<!-- 右边标题 -->
<view class='mid_item_right'>
<view class='mid_item_right_top'>
校区门口停车难，镇政府是否可协调交管局规划车位，方便学生家长停车？
<view class='mid_label'>
<image src='../../images/huifuzhihuan @3x.png'></image>
</view>
</view>
<view class='mid_item_right_bottom'>
发布时间：07-21 21:00
</view>
<!-- 等待回复 -->
<view class='waiting_response'>
等待回复中.....
</view>
</view>
</view>
</view>
<!-- 提问 -->
<view class='bottom'>
<view class='bottom_question'>
提问
</view>
</view>
</view>
<!-- 企话吧 -->
<view class='box_right'>
<view class='mid'>
<!-- 条目 -->
<view class='mid_item'>
<view class='mid_item_top'>
<view class='mid_item_top_left'>
<!-- 图片 -->
<view class='mid_item_top_left_pic'>
<image src='../../images/03_nav@2x.png'></image>
</view>
<!-- 文字 -->
<view class='mid_item_top_left_text color_blue'>
牧羊人
</view>
</view>
<view class='mid_item_top_right '>
15分钟前
</view>
</view>
<!-- 文字内容 -->
<view class='mid_item_text'>
新个人所得税法近日备受关注。关于个人所得税，想必大家都十分关心，让我们通过以下问题！
</view>
<!-- 文本内容 -->
<view class='mid_item_content'>
<!-- 条目 -->
<view class='mid_item content'>
<view class='mid_item_top'>
<view class='mid_item_top_left'>
<!-- 图片 -->
<view class='mid_item_top_left_pic'>
<image src='../../images/03_nav@2x.png'></image>
</view>
<!-- 文字 -->
<view class='mid_item_top_left_text'>
金沃斯英语在线教育
<view class='icon_tm'>
<image src='../../images/guangfang@2x.png'></image>
</view>
</view>
</view>
<view class='mid_item_top_right'>
15分钟前
</view>
</view>
<!-- 文字内容 -->
<view class='mid_item_text'>
新个人所得税法近日备受关注。关于个人所得税，想必大家都十分关心，让我们通过以下问题！
</view>
<!-- 图片内容 -->
<view class='mid_pic_box'>
<view class='mid_pic_item'>
<image src='../../images/weirenzheng@3x.png'></image>
</view>
</view>
</view>
</view>
<!-- 底部 -->
<view class='mid_item_like'>
<view class='mid_item_like_left'>
删除
</view>
<view class='mid_item_like_right'>
<!-- 点赞 -->
<view class='mid_like color_blue'>
<image src='../../images/thumb-up-button@3x.png'></image>
</view>
<!-- 数量 -->
<view class='mid_number color_blue'>
46
</view>
<!-- 点赞 -->
<view class='mid_like'>
<image src='../../images/pinglun@3x.png'></image>
</view>
<!-- 数量 -->
<view class='mid_number'>
46
</view>
</view>
</view>
</view>
</view>
</view>
</view>
\ No newline at end of file
... ...
page{
background: #fff;
}
.container{
width: 750rpx;
display: flex;
flex-flow: column;
}
.top{
width: 100%;
height: 80rpx;
line-height: 80rpx;
display: flex;
justify-content: space-around;
font-size:26rpx;
font-family:PingFang SC;
font-weight:600;
color: #999999;
background: #fff;
opacity:1;
}
.top_left{
width: 169rpx;
color: #169BD5;
border-bottom: 2px solid #169BD5;
text-align: center;
}
.mid{
width: 100%;
display: flex;
align-items: center;
flex-flow: column;
justify-content: center;
background: #fff;
}
.mid_item{
padding: 30rpx 0;
width: 686rpx;
margin: 0 auto;
display: flex;
flex-flow: column;
justify-content: space-between;
/* box-sizing: border-box; */
border-bottom: 2px solid #f5f5f5;
}
.mid_item_left{
width:42rpx;
height:40rpx;
opacity:1;
display: flex;
}
.mid_item_left image{
width: 100%;
height: 100%;
}
.mid_item_right{
flex: 1;
margin-left: 20rpx;
}
.mid_item_right_top{
font-size:28rpx;
font-family:PingFang SC;
font-weight:400;
line-height:36rpx;
color:rgba(51,51,51,1);
opacity:1;
position: relative;
}
.mid_item_right_bottom{
margin-top: 6rpx;
font-size:20rpx;
font-family:PingFang SC;
font-weight:400;
line-height:30rpx;
color:rgba(204,204,204,1);
opacity:1;
}
.response_box{
margin-top: 30rpx;
color:rgba(102,102,102,1);
opacity:1;
background: #f5f5f5;
border-radius: 8rpx;
box-sizing: border-box;
padding: 30rpx 20rpx;
}
.mid_item_right_response{
font-size:24rpx;
font-family:PingFang SC;
font-weight:400;
line-height:32rpx;
}
.color_blue{
color: #169BD5;
}
.waiting_response{
margin-top: 22rpx;
font-size:24rpx;
font-family:PingFang SC;
font-weight:400;
line-height:24rpx;
color:rgba(22,155,213,1);
opacity:1;
}
.mid_label{
width:113rpx;
height:113rpx;
opacity:1;
display: flex;
position: absolute;
top: 0;
right: -30rpx;
}
.mid_label image{
width: 100%;
height: 100%;
}
.bottom{
width: 100%;
background: #fff;
display: flex;
justify-content: center;
}
.bottom_question{
margin: 180rpx 0;
width:304rpx;
height:96rpx;
line-height: 96rpx;
text-align: center;
color: #fff;
background:linear-gradient(328deg,rgba(0,128,255,1) 0%,rgba(0,194,255,1) 100%);
box-shadow:0px 6px 12px rgba(0,128,255,0.16);
opacity:1;
border-radius:8rpx;
}
/* 企话吧 */
.mid_title{
margin-top: 48rpx;
width:240rpx;
height:48rpx;
line-height: 48rpx;
text-align: center;
background:linear-gradient(324deg,rgba(0,128,255,1) 0%,rgba(0,194,255,1) 100%);
box-shadow:0px 6rpx 12rpx rgba(0,136,255,0.16);
opacity:1;
border-radius:8rpx;
font-size:26rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(255,255,255,1);
}
.mid_item_top{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.mid_item_top_left{
display: flex;
align-items: center;
}
.mid_item_top_left_pic{
width:80rpx;
height:80rpx;
border-radius:50%;
opacity:1;
}
.mid_item_top_left_pic image{
width: 100%;
height: 100%;
border-radius:50%;
}
.mid_item_top_left_text{
font-size:30rpx;
font-family:PingFang SC;
font-weight:600;
line-height:42rpx;
color:rgba(51,51,51,1);
opacity:1;
margin-left: 16rpx;
position: relative;
}
.mid_item_top_right{
font-size:22rpx;
font-family:PingFang SC;
font-weight:400;
line-height:32rpx;
color:rgba(204,204,204,1);
opacity:1;
}
.mid_item_text{
font-size:26rpx;
font-family:PingFang SC;
font-weight:400;
/* line-height:36rpx; */
color:rgba(51,51,51,1);
opacity:1;
margin-top: 32rpx;
}
.mid_item_like{
margin-top: 34rpx;
width: 686rpx;
display: flex;
justify-content: space-between;
}
.mid_item_like_left{
font-size:22rpx;
font-family:PingFang SC;
font-weight:400;
line-height:32rpx;
color:rgba(22,155,213,1);
opacity:1;
}
.mid_item_like_right{
display: flex;
align-items: center;
}
.mid_like{
width:38rpx;
height:36rpx;
opacity:1;
display: flex;
margin-left: 50rpx;
}
.mid_like image{
width: 100%;
height: 100%;
}
.mid_number{
margin-left: 10rpx;
font-size:22rpx;
font-family:PingFang SC;
font-weight:400;
line-height:48rpx;
color: #b5b5b5;
opacity:1;
}
.color_blue{
color: #169BD5;
}
.color_size{
color: #b5b5b5;
}
.icon_tm{
width:18rpx;
height:22rpx;
background:rgba(0,0,0,0);
opacity:1;
display: flex;
position: absolute;
top: 0;
right: -20rpx;
}
.icon_tm image{
width: 100%;
height: 100%;
}
.mid_item_bottom{
background:rgba(245,245,245,1);
opacity:1;
border-radius:8px;
font-size:24rpx;
font-family:PingFang SC;
font-weight:400;
line-height:34rpx;
color:rgba(102,102,102,1);
box-sizing: border-box;
padding: 16rpx 16rpx 28rpx 16rpx;
}
.mid_item_bottom view:last-child{
margin-top: 10rpx;
}
.mid_pic_box{
display: flex;
flex-wrap: wrap;
}
.mid_pic_box_p{
margin-top: 16rpx;
margin-right: 18rpx;
width:218rpx;
height:218rpx;
background:rgba(0,0,0,0);
opacity:1;
display: flex;
}
.mid_pic_box_p image{
width: 100%;
height: 100%;
}
.mid_pic_item{
width:352rpx;
height:352rpx;
background:rgba(0,0,0,0);
opacity:1;
display: flex;
margin-top: 16rpx;
/* margin-right: 18rpx; */
}
.mid_pic_item image{
width: 100%;
height: 100%;
}
.mid_item_content{
margin-top: 24rpx;
background:rgba(247,247,247,1);
opacity:1;
}
.content{
box-sizing: border-box;
padding: 32rpx 16rpx;
border-bottom: none;
}
.color_blue{
color: #45609F;
}
\ No newline at end of file
... ...
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
... ...
{
"usingComponents": {},
"navigationBarTitleText": "发文通知",
"navigationBarBackgroundColor": "#fff",
"navigationBarTextStyle": "black"
}
\ No newline at end of file
... ...
<view class='container'>
<!-- 企业问答 -->
<view class='box_left' style='display:none'>
<view class='mid'>
<view class='mid_item'>
<!-- 左边感叹号 -->
<view class='mid_item_left'>
<image src='../../images/tishi@3x.png'></image>
</view>
<!-- 右边标题 -->
<view class='mid_item_right'>
<view class='mid_item_right_top'>
校区门口停车难，镇政府是否可协调交管局规划车位，方便学生家长停车？
<view class='mid_label'>
<image src='../../images/huifujishi@3x.png'></image>
</view>
</view>
<view class='mid_item_right_bottom'>
发布时间： 07-21 21:00
</view>
<!-- 回复 -->
<view class='response_box'>
<!-- 回复内容 -->
<view class='mid_item_right_response'>
<text class='color_blue'>回复:</text>
贵单位的问题已反应到相关单位，具体实施方案将在7个工作日内反馈
</view>
<!-- 回复时间 -->
<view class='mid_item_right_bottom'>
回复时间：07-21 21:00
</view>
</view>
</view>
</view>
<view class='mid_item'>
<!-- 左边感叹号 -->
<view class='mid_item_left'>
<image src='../../images/tishi@3x.png'></image>
</view>
<!-- 右边标题 -->
<view class='mid_item_right'>
<view class='mid_item_right_top'>
校区门口停车难，镇政府是否可协调交管局规划车位，方便学生家长停车？
<view class='mid_label'>
<image src='../../images/huifuyiban@3x.png'></image>
</view>
</view>
<view class='mid_item_right_bottom'>
发布时间：07-21 21:00
</view>
<!-- 回复 -->
<view class='response_box'>
<!-- 回复内容 -->
<view class='mid_item_right_response'>
<text class='color_blue'>回复:</text>
贵单位的问题已反应到相关单位，具体实施方案将在7个工作日内反馈
</view>
<!-- 回复时间 -->
<view class='mid_item_right_bottom'>
回复时间：07-21 21:00
</view>
</view>
</view>
</view>
<view class='mid_item'>
<!-- 左边感叹号 -->
<view class='mid_item_left'>
<image src='../../images/tishi@3x.png'></image>
</view>
<!-- 右边标题 -->
<view class='mid_item_right'>
<view class='mid_item_right_top'>
校区门口停车难，镇政府是否可协调交管局规划车位，方便学生家长停车？
<view class='mid_label'>
<image src='../../images/huifuzhihuan @3x.png'></image>
</view>
</view>
<view class='mid_item_right_bottom'>
发布时间：07-21 21:00
</view>
<!-- 等待回复 -->
<view class='waiting_response'>
等待回复中.....
</view>
</view>
</view>
</view>
<!-- 提问 -->
<view class='bottom'>
<view class='bottom_question'>
提问
</view>
</view>
</view>
<!-- 企话吧 -->
<view class='box_right'>
<view class='mid'>
<!-- 条目 -->
<view class='mid_item'>
<view class='mid_item_top'>
<view class='mid_item_top_left'>
<!-- 图片 -->
<view class='mid_item_top_left_pic'>
<image src='../../images/03_nav@2x.png'></image>
</view>
<!-- 文字 -->
<view class='mid_item_top_left_text color_blue'>
牧羊人
<view class='mid_icon'>
未读
<!-- <image src='../../images/weidu@2x.png'></image> -->
</view>
</view>
</view>
<view class='mid_item_top_right '>
15分钟前
</view>
</view>
<!-- 大标题 -->
<view class='mid_item_title'>
交通优势突出停车难问题能否解决？
</view>
<!-- 文字内容 -->
<view class='mid_item_text'>
新个人所得税法近日备受关注。关于个人所得税，想必大家都十分关心，让我们通过以下问题！
</view>
</view>
<!-- 条目 -->
<view class='mid_item'>
<view class='mid_item_top'>
<view class='mid_item_top_left'>
<!-- 图片 -->
<view class='mid_item_top_left_pic'>
<image src='../../images/03_nav@2x.png'></image>
</view>
<!-- 文字 -->
<view class='mid_item_top_left_text color_blue'>
牧羊人
<view class='mid_icon color_read'>
已读
<!-- <image src='../../images/weidu@2x.png'></image> -->
</view>
</view>
</view>
<view class='mid_item_top_right '>
15分钟前
</view>
</view>
<!-- 大标题 -->
<view class='mid_item_title'>
交通优势突出停车难问题能否解决？
</view>
<!-- 文字内容 -->
<view class='mid_item_text'>
新个人所得税法近日备受关注。关于个人所得税，想必大家都十分关心，让我们通过以下问题！
</view>
</view>
</view>
</view>
</view>
\ No newline at end of file
... ...
page{
background: #fff;
}
.container{
width: 750rpx;
display: flex;
flex-flow: column;
}
.top{
width: 100%;
height: 80rpx;
line-height: 80rpx;
display: flex;
justify-content: space-around;
font-size:26rpx;
font-family:PingFang SC;
font-weight:600;
color: #999999;
background: #fff;
opacity:1;
}
.top_left{
width: 169rpx;
color: #169BD5;
border-bottom: 2px solid #169BD5;
text-align: center;
}
.mid{
width: 100%;
display: flex;
align-items: center;
flex-flow: column;
justify-content: center;
background: #fff;
}
.mid_item{
padding: 30rpx 0;
width: 686rpx;
margin: 0 auto;
display: flex;
flex-flow: column;
justify-content: space-between;
/* box-sizing: border-box; */
border-bottom: 2px solid #f5f5f5;
}
.mid_item_left{
width:42rpx;
height:40rpx;
opacity:1;
display: flex;
}
.mid_item_left image{
width: 100%;
height: 100%;
}
.mid_item_right{
flex: 1;
margin-left: 20rpx;
}
.mid_item_right_top{
font-size:28rpx;
font-family:PingFang SC;
font-weight:400;
line-height:36rpx;
color:rgba(51,51,51,1);
opacity:1;
position: relative;
}
.mid_item_right_bottom{
margin-top: 6rpx;
font-size:20rpx;
font-family:PingFang SC;
font-weight:400;
line-height:30rpx;
color:rgba(204,204,204,1);
opacity:1;
}
.response_box{
margin-top: 30rpx;
color:rgba(102,102,102,1);
opacity:1;
background: #f5f5f5;
border-radius: 8rpx;
box-sizing: border-box;
padding: 30rpx 20rpx;
}
.mid_item_right_response{
font-size:24rpx;
font-family:PingFang SC;
font-weight:400;
line-height:32rpx;
}
.color_blue{
color: #169BD5;
}
.waiting_response{
margin-top: 22rpx;
font-size:24rpx;
font-family:PingFang SC;
font-weight:400;
line-height:24rpx;
color:rgba(22,155,213,1);
opacity:1;
}
.mid_label{
width:113rpx;
height:113rpx;
opacity:1;
display: flex;
position: absolute;
top: 0;
right: -30rpx;
}
.mid_label image{
width: 100%;
height: 100%;
}
.bottom{
width: 100%;
background: #fff;
display: flex;
justify-content: center;
}
.bottom_question{
margin: 180rpx 0;
width:304rpx;
height:96rpx;
line-height: 96rpx;
text-align: center;
color: #fff;
background:linear-gradient(328deg,rgba(0,128,255,1) 0%,rgba(0,194,255,1) 100%);
box-shadow:0px 6px 12px rgba(0,128,255,0.16);
opacity:1;
border-radius:8rpx;
}
/* 企话吧 */
.mid_title{
margin-top: 48rpx;
width:240rpx;
height:48rpx;
line-height: 48rpx;
text-align: center;
background:linear-gradient(324deg,rgba(0,128,255,1) 0%,rgba(0,194,255,1) 100%);
box-shadow:0px 6rpx 12rpx rgba(0,136,255,0.16);
opacity:1;
border-radius:8rpx;
font-size:26rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(255,255,255,1);
}
.mid_item_top{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.mid_item_top_left{
display: flex;
align-items: center;
}
.mid_item_top_left_pic{
width:80rpx;
height:80rpx;
border-radius:50%;
opacity:1;
}
.mid_item_top_left_pic image{
width: 100%;
height: 100%;
border-radius:50%;
}
.mid_item_top_left_text{
font-size:30rpx;
font-family:PingFang SC;
font-weight:600;
line-height:42rpx;
color:rgba(51,51,51,1);
opacity:1;
margin-left: 16rpx;
position: relative;
}
.mid_item_top_right{
font-size:22rpx;
font-family:PingFang SC;
font-weight:400;
line-height:32rpx;
color:rgba(204,204,204,1);
opacity:1;
}
.mid_item_text{
font-size:26rpx;
font-family:PingFang SC;
font-weight:400;
/* line-height:36rpx; */
color:rgba(51,51,51,1);
opacity:1;
margin-top: 16rpx;
}
.mid_item_like{
margin-top: 34rpx;
width: 686rpx;
display: flex;
justify-content: space-between;
}
.mid_item_like_left{
font-size:22rpx;
font-family:PingFang SC;
font-weight:400;
line-height:32rpx;
color:rgba(22,155,213,1);
opacity:1;
}
.mid_item_like_right{
display: flex;
align-items: center;
}
.mid_like{
width:38rpx;
height:36rpx;
opacity:1;
display: flex;
margin-left: 50rpx;
}
.mid_like image{
width: 100%;
height: 100%;
}
.mid_number{
margin-left: 10rpx;
font-size:22rpx;
font-family:PingFang SC;
font-weight:400;
line-height:48rpx;
color: #b5b5b5;
opacity:1;
}
.color_blue{
color: #169BD5;
}
.color_size{
color: #b5b5b5;
}
.icon_tm{
width:18rpx;
height:22rpx;
background:rgba(0,0,0,0);
opacity:1;
display: flex;
position: absolute;
top: 0;
right: -20rpx;
}
.icon_tm image{
width: 100%;
height: 100%;
}
.mid_item_bottom{
background:rgba(245,245,245,1);
opacity:1;
border-radius:8px;
font-size:24rpx;
font-family:PingFang SC;
font-weight:400;
line-height:34rpx;
color:rgba(102,102,102,1);
box-sizing: border-box;
padding: 16rpx 16rpx 28rpx 16rpx;
}
.mid_item_bottom view:last-child{
margin-top: 10rpx;
}
.mid_pic_box{
display: flex;
flex-wrap: wrap;
}
.mid_pic_box_p{
margin-top: 16rpx;
margin-right: 18rpx;
width:218rpx;
height:218rpx;
background:rgba(0,0,0,0);
opacity:1;
display: flex;
}
.mid_pic_box_p image{
width: 100%;
height: 100%;
}
.mid_pic_item{
width:352rpx;
height:352rpx;
background:rgba(0,0,0,0);
opacity:1;
display: flex;
margin-top: 16rpx;
/* margin-right: 18rpx; */
}
.mid_pic_item image{
width: 100%;
height: 100%;
}
.mid_item_content{
margin-top: 24rpx;
background:rgba(247,247,247,1);
opacity:1;
}
.content{
box-sizing: border-box;
padding: 32rpx 16rpx;
border-bottom: none;
}
.color_blue{
color: #45609F;
}
.mid_item_title{
margin-top: 32rpx;
font-size:34rpx;
font-family:PingFang SC;
font-weight:600;
line-height:48rpx;
color:rgba(51,51,51,1);
opacity:1;
}
.mid_icon{
width:64rpx;
height:32rpx;
line-height: 32rpx;
text-align: center;
background:rgba(219,51,51,1);
opacity:1;
border-radius:16rpx 16rpx 16rpx 0px;
font-size:20rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(255,255,255,1);
position: absolute;
top: -20rpx;
right: -70rpx;
}
.color_read{
background: #CCCCCC;
}
\ No newline at end of file
... ...
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
... ...
{
"usingComponents": {},
"navigationBarTitleText": "我的点赞",
"navigationBarBackgroundColor": "#fff",
"navigationBarTextStyle": "black"
}
\ No newline at end of file
... ...
<view class='container'>
<!-- 企业问答 -->
<view class='box_left' style='display:none'>
<view class='mid'>
<view class='mid_item'>
<!-- 左边感叹号 -->
<view class='mid_item_left'>
<image src='../../images/tishi@3x.png'></image>
</view>
<!-- 右边标题 -->
<view class='mid_item_right'>
<view class='mid_item_right_top'>
校区门口停车难，镇政府是否可协调交管局规划车位，方便学生家长停车？
<view class='mid_label'>
<image src='../../images/huifujishi@3x.png'></image>
</view>
</view>
<view class='mid_item_right_bottom'>
发布时间： 07-21 21:00
</view>
<!-- 回复 -->
<view class='response_box'>
<!-- 回复内容 -->
<view class='mid_item_right_response'>
<text class='color_blue'>回复:</text>
贵单位的问题已反应到相关单位，具体实施方案将在7个工作日内反馈
</view>
<!-- 回复时间 -->
<view class='mid_item_right_bottom'>
回复时间：07-21 21:00
</view>
</view>
</view>
</view>
<view class='mid_item'>
<!-- 左边感叹号 -->
<view class='mid_item_left'>
<image src='../../images/tishi@3x.png'></image>
</view>
<!-- 右边标题 -->
<view class='mid_item_right'>
<view class='mid_item_right_top'>
校区门口停车难，镇政府是否可协调交管局规划车位，方便学生家长停车？
<view class='mid_label'>
<image src='../../images/huifuyiban@3x.png'></image>
</view>
</view>
<view class='mid_item_right_bottom'>
发布时间：07-21 21:00
</view>
<!-- 回复 -->
<view class='response_box'>
<!-- 回复内容 -->
<view class='mid_item_right_response'>
<text class='color_blue'>回复:</text>
贵单位的问题已反应到相关单位，具体实施方案将在7个工作日内反馈
</view>
<!-- 回复时间 -->
<view class='mid_item_right_bottom'>
回复时间：07-21 21:00
</view>
</view>
</view>
</view>
<view class='mid_item'>
<!-- 左边感叹号 -->
<view class='mid_item_left'>
<image src='../../images/tishi@3x.png'></image>
</view>
<!-- 右边标题 -->
<view class='mid_item_right'>
<view class='mid_item_right_top'>
校区门口停车难，镇政府是否可协调交管局规划车位，方便学生家长停车？
<view class='mid_label'>
<image src='../../images/huifuzhihuan @3x.png'></image>
</view>
</view>
<view class='mid_item_right_bottom'>
发布时间：07-21 21:00
</view>
<!-- 等待回复 -->
<view class='waiting_response'>
等待回复中.....
</view>
</view>
</view>
</view>
<!-- 提问 -->
<view class='bottom'>
<view class='bottom_question'>
提问
</view>
</view>
</view>
<!-- 企话吧 -->
<view class='box_right'>
<view class='mid'>
<!-- 条目 -->
<view class='mid_item'>
<view class='mid_item_top'>
<view class='mid_item_top_left'>
<!-- 图片 -->
<view class='mid_item_top_left_pic'>
<image src='../../images/03_nav@2x.png'></image>
</view>
<!-- 文字 -->
<view class='mid_item_top_left_text'>
金沃斯英语在线教育
</view>
</view>
<view class='mid_item_top_right'>
15分钟前
</view>
</view>
<!-- 文字内容 -->
<view class='mid_item_text'>
新个人所得税法近日备受关注。关于个人所得税，想必大家都十分关心，让我们通过以下问题！
</view>
<!-- 图片内容 -->
<view class='mid_pic_box'>
<view class='mid_pic_box_p'>
<image src='../../images/weirenzheng@3x.png'></image>
</view>
<view class='mid_pic_box_p'>
<image src='../../images/weirenzheng@3x.png'></image>
</view>
</view>
<!-- 底部 -->
<view class='mid_item_like'>
<view class='mid_item_like_left'>
<!-- 删除 -->
</view>
<view class='mid_item_like_right'>
<!-- 点赞 -->
<view class='mid_like color_blue'>
<image src='../../images/thumb-up-button@3x.png'></image>
</view>
<!-- 数量 -->
<view class='mid_number color_blue'>
46
</view>
<!-- 点赞 -->
<view class='mid_like'>
<image src='../../images/pinglun@3x.png'></image>
</view>
<!-- 数量 -->
<view class='mid_number'>
46
</view>
</view>
</view>
</view>
<!-- 条目 -->
<view class='mid_item'>
<view class='mid_item_top'>
<view class='mid_item_top_left'>
<!-- 图片 -->
<view class='mid_item_top_left_pic'>
<image src='../../images/03_nav@2x.png'></image>
</view>
<!-- 文字 -->
<view class='mid_item_top_left_text'>
金沃斯英语在线教育
<view class='icon_tm'>
<image src='../../images/guangfang@2x.png'></image>
</view>
</view>
</view>
<view class='mid_item_top_right'>
15分钟前
</view>
</view>
<!-- 文字内容 -->
<view class='mid_item_text'>
新个人所得税法近日备受关注。关于个人所得税，想必大家都十分关心，让我们通过以下问题！
</view>
<!-- 图片内容 -->
<view class='mid_pic_box'>
<view class='mid_pic_item'>
<image src='../../images/weirenzheng@3x.png'></image>
</view>
</view>
<!-- 底部 -->
<view class='mid_item_like'>
<view class='mid_item_like_left'>
<!-- 删除 -->
</view>
<view class='mid_item_like_right'>
<!-- 点赞 -->
<view class='mid_like color_blue'>
<image src='../../images/thumb-up-button@3x.png'></image>
</view>
<!-- 数量 -->
<view class='mid_number '>
46
</view>
<!-- 点赞 -->
<view class='mid_like'>
<image src='../../images/pinglun_fill@3x.png'></image>
</view>
<!-- 数量 -->
<view class='mid_number'>
46
</view>
</view>
</view>
<!-- 回复框 -->
<!-- <view class='mid_item_bottom'>
<view><span class='color_blue'>宏中科技</span>:非常实用!!!</view>
<view><span class='color_blue'>宏中科技</span>:非常实用!!!</view>
<view><span class='color_blue'>查看更多>></span></view>
</view> -->
</view>
</view>
</view>
</view>
\ No newline at end of file
... ...
page{
background: #F7F7F7;
}
.container{
width: 750rpx;
display: flex;
flex-flow: column;
}
.top{
width: 100%;
height: 80rpx;
line-height: 80rpx;
display: flex;
justify-content: space-around;
font-size:26rpx;
font-family:PingFang SC;
font-weight:600;
color: #999999;
background: #fff;
opacity:1;
}
.top_left{
width: 169rpx;
color: #169BD5;
border-bottom: 2px solid #169BD5;
text-align: center;
}
.mid{
width: 100%;
display: flex;
align-items: center;
flex-flow: column;
justify-content: center;
background: #fff;
}
.mid_item{
padding: 50rpx 0;
width: 686rpx;
margin: 0 auto;
display: flex;
flex-flow: column;
justify-content: space-between;
border-bottom: 2px solid #f5f5f5;
}
.mid_item_left{
width:42rpx;
height:40rpx;
opacity:1;
display: flex;
}
.mid_item_left image{
width: 100%;
height: 100%;
}
.mid_item_right{
flex: 1;
margin-left: 20rpx;
}
.mid_item_right_top{
font-size:28rpx;
font-family:PingFang SC;
font-weight:400;
line-height:36rpx;
color:rgba(51,51,51,1);
opacity:1;
position: relative;
}
.mid_item_right_bottom{
margin-top: 6rpx;
font-size:20rpx;
font-family:PingFang SC;
font-weight:400;
line-height:30rpx;
color:rgba(204,204,204,1);
opacity:1;
}
.response_box{
margin-top: 30rpx;
color:rgba(102,102,102,1);
opacity:1;
background: #f5f5f5;
border-radius: 8rpx;
box-sizing: border-box;
padding: 30rpx 20rpx;
}
.mid_item_right_response{
font-size:24rpx;
font-family:PingFang SC;
font-weight:400;
line-height:32rpx;
}
.color_blue{
color: #169BD5;
}
.waiting_response{
margin-top: 22rpx;
font-size:24rpx;
font-family:PingFang SC;
font-weight:400;
line-height:24rpx;
color:rgba(22,155,213,1);
opacity:1;
}
.mid_label{
width:113rpx;
height:113rpx;
opacity:1;
display: flex;
position: absolute;
top: 0;
right: -30rpx;
}
.mid_label image{
width: 100%;
height: 100%;
}
.bottom{
width: 100%;
background: #fff;
display: flex;
justify-content: center;
}
.bottom_question{
margin: 180rpx 0;
width:304rpx;
height:96rpx;
line-height: 96rpx;
text-align: center;
color: #fff;
background:linear-gradient(328deg,rgba(0,128,255,1) 0%,rgba(0,194,255,1) 100%);
box-shadow:0px 6px 12px rgba(0,128,255,0.16);
opacity:1;
border-radius:8rpx;
}
/* 企话吧 */
.mid_title{
margin-top: 48rpx;
width:240rpx;
height:48rpx;
line-height: 48rpx;
text-align: center;
background:linear-gradient(324deg,rgba(0,128,255,1) 0%,rgba(0,194,255,1) 100%);
box-shadow:0px 6rpx 12rpx rgba(0,136,255,0.16);
opacity:1;
border-radius:8rpx;
font-size:26rpx;
font-family:PingFang SC;
font-weight:400;
color:rgba(255,255,255,1);
}
.mid_item_top{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.mid_item_top_left{
display: flex;
align-items: center;
}
.mid_item_top_left_pic{
width:80rpx;
height:80rpx;
border-radius:50%;
opacity:1;
}
.mid_item_top_left_pic image{
width: 100%;
height: 100%;
border-radius:50%;
}
.mid_item_top_left_text{
font-size:30rpx;
font-family:PingFang SC;
font-weight:600;
line-height:42rpx;
color:rgba(51,51,51,1);
opacity:1;
margin-left: 16rpx;
position: relative;
}
.mid_item_top_right{
font-size:22rpx;
font-family:PingFang SC;
font-weight:400;
line-height:32rpx;
color:rgba(204,204,204,1);
opacity:1;
}
.mid_item_text{
font-size:26rpx;
font-family:PingFang SC;
font-weight:400;
/* line-height:36rpx; */
color:rgba(51,51,51,1);
opacity:1;
margin-top: 32rpx;
}
.mid_item_like{
margin-top: 34rpx;
width: 686rpx;
display: flex;
justify-content: space-between;
}
.mid_item_like_left{
font-size:22rpx;
font-family:PingFang SC;
font-weight:400;
line-height:32rpx;
color:rgba(22,155,213,1);
opacity:1;
}
.mid_item_like_right{
display: flex;
align-items: center;
}
.mid_like{
width:38rpx;
height:36rpx;
opacity:1;
display: flex;
margin-left: 50rpx;
}
.mid_like image{
width: 100%;
height: 100%;
}
.mid_number{
margin-left: 10rpx;
font-size:22rpx;
font-family:PingFang SC;
font-weight:400;
line-height:48rpx;
color: #b5b5b5;
opacity:1;
}
.color_blue{
color: #169BD5;
}
.color_size{
color: #b5b5b5;
}
.icon_tm{
width:18rpx;
height:22rpx;
background:rgba(0,0,0,0);
opacity:1;
display: flex;
position: absolute;
top: 0;
right: -20rpx;
}
.icon_tm image{
width: 100%;
height: 100%;
}
.mid_item_bottom{
background:rgba(245,245,245,1);
opacity:1;
border-radius:8px;
font-size:24rpx;
font-family:PingFang SC;
font-weight:400;
line-height:34rpx;
color:rgba(102,102,102,1);
box-sizing: border-box;
padding: 16rpx 16rpx 28rpx 16rpx;
}
.mid_item_bottom view:last-child{
margin-top: 10rpx;
}
.mid_pic_box{
display: flex;
flex-wrap: wrap;
}
.mid_pic_box_p{
margin-top: 16rpx;
margin-right: 18rpx;
width:218rpx;
height:218rpx;
background:rgba(0,0,0,0);
opacity:1;
display: flex;
}
.mid_pic_box_p image{
width: 100%;
height: 100%;
}
.mid_pic_item{
width:352rpx;
height:352rpx;
background:rgba(0,0,0,0);
opacity:1;
display: flex;
margin-top: 16rpx;
/* margin-right: 18rpx; */
}
.mid_pic_item image{
width: 100%;
height: 100%;
}
\ No newline at end of file
... ...
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
... ...
{
"usingComponents": {},
"navigationBarTitleText": "我的帖子",
"navigationBarBackgroundColor": "#fff",
"navigationBarTextStyle": "black"
}
\ No newline at end of file
... ...
<view class='container'>
<view class='item'>
<view class='item_top'>
员工个税减免干货都在这里了！各家HR惠存鸭~
</view>
<view class='item_mid'>
<view class='item_mid_text'>
新个人所得税法近日备受关注。关于个人所得税，想必大家都十分关心，让我们通过以下问题！
</view>
<!-- 图片盒子 -->
<view class='item_mid_box'>
<view class='item_mid_box_pic'>
<image src='../../images/weirenzheng@2x.png'></image>
</view>
<view class='item_mid_box_pic'>
<image src='../../images/weirenzheng@2x.png'></image>
</view>
<view class='item_mid_box_pic'>
<image src='../../images/weirenzheng@2x.png'></image>
</view>
</view>
</view>
<!-- 底部 -->
<view class='item_bottom'>
<view class='item_left'>
删除
</view>
<view class='item_right'>
<!-- 图片 -->
<view class='item_right_pic'>
<image src='../../images/chakan@3x.png'></image>
</view>
<!-- 数量 -->
<view class='item_right_number'>
26
</view>
<!-- 图片 -->
<view class='item_right_pic2'>
<image src='../../images/pinglun@3x.png'></image>
</view>
<!-- 数量 -->
<view class='item_right_number'>
26
</view>
</view>
</view>
</view>
<!-- 底部按钮 -->
<!-- <view class='button'>
发表帖子
</view> -->
</view>
\ No newline at end of file
... ...
page{
background: #f7f7f7;
}
.container{
width: 750rpx;
display: flex;
flex-flow: column;
}
.item{
display: flex;
flex-flow: column;
background: #fff;
box-sizing: border-box;
padding: 48rpx 32rpx;
}
.item_top{
font-size:30rpx;
font-family:PingFang SC;
font-weight:600;
line-height:42rpx;
color:rgba(51,51,51,1);
opacity:1;
}
.item_mid_text{
margin-top: 22rpx;
font-size:26rpx;
font-family:PingFang SC;
font-weight:400;
line-height:30rpx;
color:rgba(51,51,51,1);
opacity:1;
}
.item_mid_box_pic{
margin-top: 20rpx;
margin-right: 10rpx;
width:218rpx;
height:218rpx;
background:rgba(0,0,0,0);
opacity:1;
display: flex;
}
.item_mid_box{
display: flex;
flex-wrap: wrap;
}
.item_mid_box_pic image{
width: 100%;
height: 100%;
}
.item_bottom{
margin-top: 18rpx;
display: flex;
justify-content: space-between;
}
.item_left{
display: flex;
width:44rpx;
height:32rpx;
font-size:22rpx;
font-family:PingFang SC;
font-weight:400;
line-height:32rpx;
color:rgba(22,155,213,1);
opacity:1;
}
.item_left_pic{
width:32rpx;
height:32rpx;
background:rgba(0,0,0,0);
border-radius:50%;
opacity:1;
display: flex;
}
.item_left_pic image{
width: 100%;
height: 100%;
}
.item_name{
font-size:22rpx;
font-family:PingFang SC;
font-weight:400;
line-height:32rpx;
color:rgba(204,204,204,1);
margin-left: 16rpx;
opacity:1;
}
.item_right{
display: flex;
align-items: center;
}
.item_right_pic{
width:36rpx;
height:23rpx;
/* background:rgba(204,204,204,1); */
opacity:1;
display: flex;
}
.item_right_pic image{
width: 100%;
height: 100%;
}
.item_right_number{
margin-left: 12rpx;
width:24rpx;
height:28rpx;
font-size:20rpx;
font-family:PingFang SC;
font-weight:400;
line-height:28rpx;
color:rgba(204,204,204,1);
opacity:1;
}
.item_right_pic2{
margin-left: 40rpx;
width:34rpx;
height:32rpx;
/* background:rgba(204,204,204,1); */
opacity:1;
display: flex;
}
.item_right_pic2 image{
width: 100%;
height: 100%;
}
.button{
width:686rpx;
height:96rpx;
line-height: 96rpx;
background:linear-gradient(336deg,rgba(0,128,255,1) 0%,rgba(0,194,255,1) 100%);
opacity:1;
border-radius:8rpx;
text-align: center;
color: #fff;
position: fixed;
left: 32rpx;
bottom: 30rpx;
}
\ No newline at end of file
... ...
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
\ No newline at end of file
... ...
{
"usingComponents": {},
"navigationBarTitleText": "政企服务平台",
"navigationBarBackgroundColor": "#169BD5",
"navigationBarTextStyle": "white"
}
\ No newline at end of file
... ...
<view class='contaiter'>
<view class='top'>
<view class='top_item'>
<view class='top_item_left'>
<image src='../../images/weirenzheng@3x.png'></image>
</view>
<view class='top_item_right'>
<view class='top_item_right_top'>
认证企业:金沃斯在线英语
</view>
<view class='top_item_right_bottom'>
<!-- 头像 -->
<view class='top_item_right_bottom_pic'>
<image src='../../images/ren@2x.png'></image>
</view>
<!-- 名字 -->
<view class='top_item_right_bottom_name'>
雨晨似墨
</view>
</view>
</view>
</view>
</view>
</view>
\ No newline at end of file
... ...
page{
background: #F7F7F7;
}
.container{
width: 750rpx;
display: flex;
flex-flow: column;
}
.top{
width: 100%;
height: 200rpx;
background: #169BD5;
position: relative;
}
.top_item{
width:688rpx;
height:240rpx;
background:rgba(255,255,255,1);
box-shadow:0px 6rpx 40rpx rgba(0,34,255,0.08);
opacity:1;
border-radius:8rpx;
/* margin-top: 100rpx */
position: absolute;
top: 50rpx;
left: 31rpx;
display: flex;
box-sizing: border-box;
padding: 48rpx 32rpx;
}
.top_item_left{
width:112rpx;
height:112rpx;
background:rgba(0,0,0,0);
border-radius:50%;
opacity:1;
display: flex;
}
.top_item_left image{
width: 100%;
height: 100%;
}
.top_item_right{
display: flex;
flex-flow: column;
margin-left: 16rpx;
}
.top_item_right_top{
margin-top: 14rpx;
font-size:32rpx;
font-family:PingFang SC;
font-weight:600;
line-height:44rpx;
color:rgba(51,51,51,1);
opacity:1;
}
.top_item_right_bottom{
margin-top: 18rpx;
width:160rpx;
height:40rpx;
background:rgba(22,155,213,0.2);
/* opacity:0.2; */
border-radius:24rpx;
display: flex;
align-items: center;
justify-content: center;
}
.top_item_right_bottom_pic{
width: 20rpx;
height: 24rpx;
display: flex;
}
.top_item_right_bottom_pic image{
width: 100%;
height: 100%;
}
.top_item_right_bottom_name{
margin-left: 15rpx;
font-size:22rpx;
font-family:PingFang SC;
font-weight:400;
line-height:32rpx;
color:rgba(22,155,213,1);
opacity:1;
z-index: 999
}
\ No newline at end of file
... ...
... ... @@ -37,7 +37,7 @@
"list": []
},
"miniprogram": {
"current": 2,
"current": 20,
"list": [
{
"id": -1,
... ... @@ -57,6 +57,133 @@
"id": -1,
"name": "政策宣传详情",
"pathName": "pages/attract/detail/detail",
"query": "",
"scene": null
},
{
"id": -1,
"name": "ar",
"pathName": "pages/matrix/article/article",
"query": "",
"scene": null
},
{
"id": -1,
"name": "post",
"pathName": "pages/interact/interactPost/interactPost",
"query": "",
"scene": null
},
{
"id": -1,
"name": "text_1",
"pathName": "pages/matrix/matrix",
"query": "",
"scene": null
},
{
"id": -1,
"name": "text_2",
"pathName": "pages/interact/interactPost/interactPost",
"query": "",
"scene": null
},
{
"id": 8,
"name": "text_4",
"pathName": "pages/my/myAttention/myAttention",
"query": "",
"scene": null
},
{
"id": -1,
"name": "text_5",
"pathName": "pages/my/my",
"query": "",
"scene": null
},
{
"id": -1,
"name": "text_6",
"pathName": "pages/matrix/article/article",
"query": "",
"scene": null
},
{
"id": -1,
"name": "text_7",
"pathName": "pages/matrix/company/company",
"query": "",
"scene": null
},
{
"id": -1,
"name": "text_8",
"pathName": "pages/attract/attract",
"query": "",
"scene": null
},
{
"id": -1,
"name": "text_9",
"pathName": "pages/attract/detail/detail",
"query": "",
"scene": null
},
{
"id": -1,
"name": "text_10",
"pathName": "pages/enterprise_q&a/enterprise_q&a",
"query": "",
"scene": null
},
{
"id": -1,
"name": "text_11",
"pathName": "pages/colleagues/colleagues",
"query": "",
"scene": null
},
{
"id": -1,
"name": "text_12",
"pathName": "pages/colleagues_2/colleagues_2",
"query": "",
"scene": null
},
{
"id": -1,
"name": "text_13",
"pathName": "pages/server_1/server_1",
"query": "",
"scene": null
},
{
"id": -1,
"name": "text_14",
"pathName": "pages/myLike/myLike",
"query": "",
"scene": null
},
{
"id": -1,
"name": "text_15",
"pathName": "pages/myPost/myPost",
"query": "",
"scene": null
},
{
"id": -1,
"name": "text_16",
"pathName": "pages/myComments/myComments",
"query": "",
"scene": null
},
{
"id": 20,
"name": "text_17",
"pathName": "pages/myInform/myInform",
"query": "",
"scene": null
}
]
... ...