miniprogram / Jobs · 提交

转到一个项目

作者 Lijianheng
提交 1252cbf5bf1ddaaacf586ee528587f1b7bd6383f 1 个父辈 2a9b4443

update

内嵌 并排对比
正在显示 10 个修改的文件 包含 1066 行增加 和 42 行删除
{
"pages":[
"pages/employerDetails/employerDetails",
"pages/positionDetails/positionDetails",
"pages/regSuccess/regSuccess",
"pages/inviteFriends/inviteFriends",
... ...
// pages/employerDetails/employerDetails.js
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": "招聘者详情"
}
\ No newline at end of file
... ...
<view class='container'>
<view class='top'>
<view class='top_pic'>
<image src='../../img/aicon_18@2x.png'></image>
</view>
<view class='top_text'>
<view class='top_text_left'>
王思迪
</view>
<view class='top_text_right'>
<image src='../../img/aicon_49@2x.png'></image>
</view>
</view>
</view>
<!-- 地址 -->
<view class='addr'>
<view class='addr_left'>
天津市滨海新天津滨海新区七大街万贸科技有限公司
</view>
<view class='addr_right'>
<view class='addr_right_icon'>
<image src='../../img/aicon_09@2x.png'></image>
</view>
<view class='addr_right_distance'>371m</view>
</view>
</view>
<!-- 相关岗位 -->
<view class='items'>
<view class='related'>
相关岗位
</view>
<view class='item'>
<!-- 头部 -->
<view class='item_top'>
<view class='item_top_left'>
<view class='item_top_left_pic'>
<image src='/img/aicon_08@2x.png'></image>
</view>
<view class='item_top_left_text'>
<view class='text_top'>酒店服务员</view>
<view class='text_bottom'>4000-5000元/月</view>
</view>
</view>
<view class='item_top_right'>
报名
</view>
</view>
<!-- 底部 -->
<view class='item_bottom'>
<view class='item_bottom_left'>
<view class='item_bottom_left_pic'>
<image src='/img/aicon_10@2x.png'></image>
</view>
<!-- 名字 -->
<view>王思迪</view>
</view>
<view class='item_bottom_right'>
<view class='item_bottom_left_pic'>
<image src='/img/aicon_09@2x.png'></image>
</view>
<view>南开区 3.2km</view>
</view>
</view>
</view>
<view class='item'>
<!-- 头部 -->
<view class='item_top'>
<view class='item_top_left'>
<view class='item_top_left_pic'>
<image src='/img/aicon_08@2x.png'></image>
</view>
<view class='item_top_left_text'>
<view class='text_top'>酒店服务员</view>
<view class='text_bottom'>4000-5000元/月</view>
</view>
</view>
<view class='item_top_right'>
报名
</view>
</view>
<!-- 底部 -->
<view class='item_bottom'>
<view class='item_bottom_left'>
<view class='item_bottom_left_pic'>
<image src='/img/aicon_10@2x.png'></image>
</view>
<!-- 名字 -->
<view>王思迪</view>
</view>
<view class='item_bottom_right'>
<view class='item_bottom_left_pic'>
<image src='/img/aicon_09@2x.png'></image>
</view>
<view>南开区 3.2km</view>
</view>
</view>
</view>
</view>
<!-- 没有更多内容了 -->
<view class='bottom'>
没有更多内容了
</view>
</view>
\ No newline at end of file
... ...
page{
line-height: 1;
background: #F5F5F5;
}
.container{
width: 750rpx;
display: flex;
flex-flow: column;
/* align-items: center; */
}
.top{
display: flex;
flex-flow: column;
background: #fff;
}
.top_pic{
width:750rpx;
height:360rpx;
display: flex;
}
.top_pic image{
width: 100%;
height: 100%;
}
.top_text{
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
padding: 20rpx 32rpx;
}
.top_text_left{
font-size:36rpx;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(26,26,26,1);
}
.top_text_right{
width:72rpx;
height:72rpx;
border-radius:2rpx;
}
.top_text_right image{
width: 100%;
height: 100%;
}
.addr{
margin-top: 14rpx;
display: flex;
justify-content: space-between;
background: #fff;
box-sizing: border-box;
padding: 40rpx 32rpx;
}
.addr_left{
width: 418rpx;
font-size:28rpx;
font-family:PingFang-SC-Regular;
font-weight:400;
color:rgba(26,26,26,1);
line-height:42rpx;
}
.addr_right{
display: flex;
/* align-items: center; */
}
.addr_right_icon{
width:20rpx;
height:24rpx;
display: flex;
}
.addr_right_icon image{
width: 100%;
height: 100%;
}
.addr_right_distance{
margin-left: 15rpx;
font-size:26rpx;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(153,153,153,1);
}
.items{
margin-top: 14rpx;
display: flex;
flex-flow: column;
background: #fff;
}
.related{
font-size:30rpx;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(26,26,26,1);
box-sizing: border-box;
padding: 40rpx 54rpx 25rpx 54rpx;
position: relative;
border-bottom: 1px solid #EBEBEB;
}
.related::before{
content: '';
position: absolute;
top: 42rpx;
left: 32rpx;
width:6rpx;
height:24rpx;
background:rgba(255,102,0,1);
}
.item{
margin-top: 1px;
display: flex;
flex-flow: column;
background: #fff;
padding: 40rpx 30rpx;
border-bottom: 1px solid #EBEBEB;
}
.item_top{
display: flex;
justify-content: space-between;
}
.item_top_left{
display: flex;
}
.item_top_left_pic{
width:72rpx;
height:72rpx;
border-radius:2rpx;
display: flex;
}
.item_top_left_pic image{
width: 100%;
height: 100%;
}
.item_top_left_text{
margin-left: 23rpx;
display: flex;
flex-flow: column;
}
.text_top{
font-size:32rpx;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(26,26,26,1);
}
.text_bottom{
margin-top: 17rpx;
font-size:28rpx;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(255,59,40,1);
}
.item_top_right{
width:140rpx;
height:66rpx;
line-height: 66rpx;
text-align: center;
border:1px solid rgba(255,102,0,1);
border-radius:33rpx;
font-size:28rpx;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(255,102,0,1);
}
.item_bottom{
margin-top: 20rpx;
margin-left: 80rpx;
display: flex;
align-items: center;
justify-content: space-between;
font-size:26rpx;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(153,153,153,1);
}
.item_bottom_left{
display: flex;
align-items: center;
}
.item_bottom_left_pic{
width:22rpx;
height:22rpx;
display: flex;
margin-right: 13rpx;
}
.item_bottom_left_pic image{
width: 100%;
height: 100%;
}
.item_bottom_right{
display: flex;
align-items: center;
}
.item_bottom_left_pic{
margin-left: 14rpx;
width:20rpx;
height:24rpx;
display: flex;
}
.item_bottom_left_pic image{
width: 100%;
height: 100%;
}
.bottom{
padding: 24rpx 0;
text-align: center;
font-size:24rpx;
font-family:PingFang-SC-Regular;
font-weight:400;
color:rgba(153,153,153,1);
background: #fff;
}
\ No newline at end of file
... ...
... ... @@ -5,62 +5,290 @@ Page({
* 页面的初始数据
*/
data: {
imgUrls: [{
url: '/img/aicon_07@2x.png'
},
{
url: '/img/aicon_07@2x.png'
},
{
url: '/img/aicon_07@2x.png'
},
],
indicatorDots: true,
autoplay: false,
interval: 1000,
duration: 1000,
currentSwiper: 0,
indicatorColor: "rgba(255,255,255,0.5)", //指示点颜色
indicatorActiveColor: "rgba(255,255,255,1)", //当前选中的指示点颜色
navbar: [{
name: '地区'
},
{
name: '岗位'
},
{
name: '推荐排序'
},
{
name: '筛选'
}
],
currentTab: 0,
// 地区选择
areabar: [{
area: '不限'
},
{
area: '河西'
},
{
area: '河东'
},
{
area: '和平'
},
{
area: '河东万达广场'
}
],
areaTab: 0,
//岗位选择（大类别）
jobbar: [{
job: '不限'
},
{
job: '热门'
},
{
job: '餐饮'
},
{
job: '旅行/酒店'
},
{
job: '休闲'
}
],
jobTab: 0,
//岗位选择（小类别）
probar: [{
pro: '不限'
},
{
pro: '热门'
},
{
pro: '餐饮'
},
{
pro: '旅行/酒店'
},
{
pro: '休闲'
}
],
proTab: 0,
// 推荐排序
sortbar: [{
sort: '推荐排序'
},
{
sort: '离我最近'
},
{
sort: '工资最高'
},
{
sort: '最新发布'
},
],
sortTab: 0,
// 筛选(学历)
screenbar: [{
screen: '不限'
},
{
screen: '小学及以下'
},
{
screen: '初中'
},
{
screen: '高中'
},
{
screen: '中专/技校'
},
{
screen: '大专'
},
{
screen: '本科'
},
{
screen: '硕士'
},
{
screen: '博士'
},
],
screenTab: 0,
// 筛选(酬薪范围)
scopebar: [{
scope: '不限'
},
{
scope: '3000以下'
},
{
scope: '3000~5000'
},
{
scope: '5000~8000'
},
{
scope: '8000以上'
},
],
scopeTab: 0,
// 设置隐藏显示功能
mask: false,
//点击触发功能
select: [
]
},
// 点击展示mask
mask_show() {
this.setData({
mask: true
})
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
onLoad: function(options) {
},
navbarTap: function(e) {
console.log(88)
let that = this;
this.setData({
currentTab: e.currentTarget.dataset.idx,
})
},
// 地区选择
area_Tap: function(e) {
console.log(88)
let that = this;
this.setData({
areaTab: e.currentTarget.dataset.idarea,
})
},
// 岗位选择
job_Tap: function(e) {
console.log(88)
let that = this;
this.setData({
jobTab: e.currentTarget.dataset.idjob,
})
},
// 岗位选择(小类别)
pro_Tap: function (e) {
console.log(88)
let that = this;
this.setData({
proTab: e.currentTarget.dataset.idpro,
})
},
// 推荐排序
sort_Tap: function(e) {
console.log(88)
let that = this;
this.setData({
sortTab: e.currentTarget.dataset.idsort,
})
},
// 筛选(学历要求)
screen_Tap: function(e) {
console.log(88)
let that = this;
this.setData({
screenTab: e.currentTarget.dataset.idscreen,
})
},
// 筛选(酬薪范围)
scope_Tap: function(e) {
console.log(88)
let that = this;
this.setData({
scopeTab: e.currentTarget.dataset.idscope,
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
onReady: function() {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
onShow: function() {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
onHide: function() {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
onUnload: function() {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
onPullDownRefresh: function() {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
onReachBottom: function() {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
onShareAppMessage: function() {
}
})
\ No newline at end of file
... ...
... ... @@ -61,11 +61,31 @@
</view>
</view>
<!-- 轮播图 -->
<view class='banner'>
<!-- <view class='banner'>
<image src='/img/aicon_07@2x.png'></image>
</view>
</view> -->
<swiper class='banner' indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" indicator-color="{{indicatorColor}}" indicator-active-color="{{indicatorActiveColor}}" bindchange="swiperChange">
<block wx:for="{{imgUrls}}" wx:key=''>
<swiper-item>
<image src="{{item.url}}" class="slide-image" />
</swiper-item>
<!-- <view class="dot{{index == currentSwiper ? ' active' : ''}}"></view> -->
</block>
<!-- <view class="dots">
<block wx:for="{{imgUrls}}" wx:key="">
<view class="dot{{index == currentSwiper ? ' active' : ''}}"></view>
</block>
</view> -->
</swiper>
<!-- 筛选 -->
<view class='select'>
<view class='select' bindtap='mask_show'>
<view class='select_list'>
<view>地区</view>
<view class='select_list_pic'>
... ... @@ -237,8 +257,8 @@
</view>
<!-- 筛选弹层 -->
<view class='mask' style='display:none'>
<view class='select mask_select'>
<view class='mask' wx:if='{{mask}}'>
<!-- <view class='select mask_select {{currentTab==index?}}' wx:key='unique' data-categ bindtap='select_btn' wx:for="{{navbar}}" data-idx="{{index}}">
<view class='select_list'>
<view>地区</view>
<view class='select_list_pic'>
... ... @@ -263,13 +283,24 @@
<image src='/img/aicon_12@2x.png'></image>
</view>
</view>
</view> -->
<view class="select mask_select">
<view wx:for="{{navbar}}" data-idx="{{index}}" class="select_list {{currentTab==index ? 'active' : ''}}" wx:key="unique" bindtap="navbarTap" data-categoryid="{{item.id}}">{{item.name}}
</view>
</view>
<!-- 地区内容 -->
<view class='area' wx:if="{{currentTab==0}}">
<view class="area_item">
<view wx:for="{{areabar}}" data-idarea="{{index}}" class="area_item_name {{areaTab==index ? 'active' : ''}}" wx:key="unique" bindtap="area_Tap" data-categoryid="{{item.id}}">{{item.area}}
</view>
</view>
<!-- 地区内容 -->
<view class='area' style='display:none'>
<view class='area_item'>
<!-- <view class='area_item'>
<view class='area_item_name yellow_color'>不限</view>
</view>
<view class='area_item'>
... ... @@ -286,12 +317,18 @@
</view>
<view class='area_item'>
<view class='area_item_name'>河东万达广场</view>
</view>
</view> -->
</view>
<!-- 岗位内容 -->
<view class='job' style='display:none'>
<view class='job_left'>
<view class='job' wx:if="{{currentTab==1}}">
<view class="job_left">
<view wx:for="{{jobbar}}" data-idjob="{{index}}" class="job_left_item {{jobTab==index ? 'pitch_on' : ''}}" wx:key="unique" bindtap="job_Tap" data-categoryid="{{item.id}}">{{item.job}}
</view>
</view>
<!-- <view class='job_left'>
<view class='job_left_item'>不限</view>
<view class='job_left_item'>热门</view>
<view class='job_left_item'>餐饮</view>
... ... @@ -300,33 +337,70 @@
<view class='job_left_item'>运动健身</view>
<view class='job_left_item'>餐饮</view>
<view class='job_left_item'>旅游/酒店</view>
</view>
</view> -->
<!-- 右侧内容 -->
<view class='job_right'>
<view class='job_right_items'>
<view class='job_right_item'>不限</view>
<view class='job_right_items' wx:if='{{jobTab==0}}'>
<view wx:for="{{probar}}" data-idpro="{{index}}" class="job_right_item {{proTab==index ? 'yellow_color' : ''}}" wx:key="unique" bindtap="pro_Tap" data-categoryid="{{item.id}}">{{item.pro}}
</view>
<!-- <view class='job_right_item'>不限</view>
<view class='job_right_item'>迎宾</view>
<view class='job_right_item'>传菜员</view>
<view class='job_right_item'>配菜打荷</view>
<view class='job_right_item'>洗碗工</view>
<view class='job_right_item yellow_color'>后厨</view>
<view class='job_right_item yellow_color'>后厨</view> -->
</view>
<view class='job_right_items' wx:if='{{jobTab==1}}'>
<view wx:for="{{probar}}" data-idpro="{{index}}" class="job_right_item {{proTab==index ? 'yellow_color' : ''}}" wx:key="unique" bindtap="pro_Tap" data-categoryid="{{item.id}}">{{item.pro}}
</view>
</view>
</view>
</view>
<!-- 推荐排序 -->
<view class='sort' style='display:none'>
<view class='sort_item color_y'>推荐排序</view>
<view class='sort' wx:if="{{currentTab==2}}">
<view wx:for="{{sortbar}}" data-idsort="{{index}}" class="sort_item {{sortTab==index ? 'color_y' : ''}}" wx:key="unique" bindtap="sort_Tap" data-categoryid="{{item.id}}">{{item.sort}}
</view>
<!-- <view class='sort_item color_y'>推荐排序</view>
<view class='sort_item'>离我最近</view>
<view class='sort_item'>工资最高</view>
<view class='sort_item'>最新发布</view>
<view class='sort_item'>最新发布</view> -->
</view>
<!-- 筛选 -->
<view class='screen' style='display:none'>
<!-- 学历要求 -->
<view class='screen' wx:if="{{currentTab==3}}">
<view class='screen_item'>
<view class='screen_item_top'> 学历要求
<view class="screen_item_bottom">
<view wx:for="{{screenbar}}" data-idscreen="{{index}}" class="screen_item_bottom_i {{screenTab==index ? 'yellow_color' : ''}}" wx:key="unique" bindtap="screen_Tap" data-categoryid="{{item.id}}">{{item.screen}}
</view>
</view>
</view>
</view>
<!-- 学历要求 -->
<!-- <view class='screen_item'>
<view class='screen_item_top'>学历要求</view>
<view class='screen_item_bottom'>
<view class='screen_item_bottom_i yellow_color'>不限</view>
... ... @@ -340,9 +414,22 @@
<view class='screen_item_bottom_i'>博士</view>
</view>
</view>
</view> -->
<!-- 酬薪范围 -->
<view class='screen_item'>
<view class='screen_item_top'> 酬薪范围
<view class="screen_item_bottom">
<view wx:for="{{scopebar}}" data-idscope="{{index}}" class="screen_item_bottom_i {{scopeTab==index ? 'yellow_color' : ''}}" wx:key="unique" bindtap="scope_Tap" data-categoryid="{{item.id}}">{{item.scope}}
</view>
</view>
</view>
</view>
<!-- <view class='screen_item'>
<view class='screen_item_top'>酬薪范围</view>
<view class='screen_item_bottom'>
<view class='screen_item_bottom_i yellow_color'>不限</view>
... ... @@ -352,7 +439,7 @@
<view class='screen_item_bottom_i'>8000以上</view>
</view>
</view>
</view> -->
<!-- 底部按钮 -->
<view class='screen_bottom'>
... ...
... ... @@ -95,6 +95,7 @@ page{
width: 750rpx;
height: 220rpx;
display: flex;
position: relative;
}
.banner image{
width: 100%;
... ... @@ -239,11 +240,14 @@ page{
}
.mask{
position: fixed;
width:750rpx;
height:1150rpx;
top: 0;
right: 0;
bottom: 0;
left: 0;
background:rgba(0,0,0,0.4);
z-index: 666;
display: flex;
flex-flow: column;
}
.mask_select{
margin: 0;
... ... @@ -260,7 +264,7 @@ page{
}
.area_item{
display: flex;
flex-wrap: wrap;
}
.area_item_name{
background:rgba(255,252,245,1);
... ... @@ -280,11 +284,12 @@ page{
}
.yellow_color{
border:1px solid rgba(255,170,0,1);
border: 1px solid rgba(255,170,0,1);
color: #FFAA00;
}
.job{
display: flex;
height: 100%;
}
.job_left{
... ... @@ -292,7 +297,7 @@ page{
flex-flow: column;
background: #fff;
width:242rpx;
height:1125rpx;
/* height:1125rpx; */
}
.job_left_item{
font-size:26rpx;
... ... @@ -380,6 +385,8 @@ page{
background:rgba(242,243,247,1);
border-radius:5rpx;
font-size: 26rpx;
box-sizing: border-box;
/* border: 1px solid transparent; */
}
.screen_bottom{
display: flex;
... ... @@ -566,4 +573,34 @@ page{
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(255,255,255,1);
}
\ No newline at end of file
}
/* swiper */
.swriper{
display: block;
height: 220rpx;
}
.slide-image{
width: 750rpx;
height: 220rpx;
}
.dots{
/* width: 156rpx; */
height: 36rpx;
display: flex;
flex-direction: row;
position: absolute;
left: 249rpx;
bottom: 12rpx;
}
/*未选中时的小圆点样式 */
.dot{
width: 16rpx;
height: 16rpx;
border-radius: 50%;
margin-right: 26rpx;
background-color:#B9C0F7;
}
/*选中以后的小圆点样式 */
.active{
color: #FFAA00;
}
... ...
... ... @@ -27,14 +27,91 @@
<image src='../../img/aicon_18@2x.png'></image>
</view>
</view>
<!-- 招聘信息 -->
<!-- 招聘者信息 -->
<view class='item'>
<view class='item_top'>招聘者信息</view>
<view class='item_infor'>
<view class='item_infor_left'></view>
<view class='item_infor_left'>
<image src='../../img/aicon_18@2x.png'></image>
</view>
<view class='item_infor_right'>
<view class='item_infor_right_top'></view>
<view class='item_infor_right_bottom'></view>
<view class='item_infor_right_top'>四川海底捞餐饮股份有限公司</view>
<view class='item_infor_right_bottom'>2个岗位在招</view>
</view>
</view>
</view>
<!-- 工作内容 -->
<view class='item'>
<view class='item_top'>工作内容</view>
<view class='item_top_b'>
<view class='item_text'>1、工作内容：前台点餐，点餐后，后厨出餐，大厅收拾卫生等</view>
<view class='item_text'>2、工作时间：6：30-22：00</view>
</view>
</view>
<!-- 温馨提示 -->
<view class='item_hint'>
<view class='item_hint_top'>温馨提示</view>
<view class='item_hint_bottom'> 报名时，建议在我的简历中完善个人信息，信息越完善，成功的几率越大；获取招聘者联系方式后，可主动表明是通过“优秀精英看到的招聘信息”增强彼此的信任。</view>
</view>
<!-- 底部内容 -->
<view class='bottom'>
<view class='bottom_left'>
<!-- 分享 -->
<view class='bottom_left_share'>
<view class='bottom_left_share_pic'>
<image src='../../img/aicon_20@2x.png'></image>
</view>
<!-- 文字 -->
<view class='bottom_left_share_text'>分享</view>
</view>
<!-- 收藏 -->
<view class='bottom_left_collect'>
<view class='bottom_left_collect_pic'>
<image src='../../img/aicon_21@2x.png'></image>
</view>
<view class='bottom_left_collect_text'>
收藏
</view>
</view>
</view>
<view class='bottom_right'>
马上报名
</view>
</view>
<!------ 分享 ------>
<view class='mask' style='display:none'>
<view class='mask_share'>
<view class='mask_share_item'>
<view class='mask_share_item_left'>
<image src='../../img/aicon_23@2x.png'></image>
</view>
<view class='mask_share_item_right'>
保存图片分享
</view>
</view>
<!-- 下划线 -->
<view class='underline'></view>
<!-- 转发 -->
<view class='mask_share_item'>
<view class='mask_share_item_left'>
<image src='../../img/aicon_24@2x.png'></image>
</view>
<view class='mask_share_item_right'>
转发给好友或者群聊
</view>
</view>
<view class='bottom_line'></view>
<!-- 取消 -->
<view class='mask_share_bottom'>
取消
</view>
</view>
</view>
... ...
... ... @@ -74,5 +74,197 @@ page{
height: 100%;
}
.item_infor{
margin-top: 29rpx;
display: flex;
}
.item_infor_left{
width:72rpx;
height:72rpx;
border-radius:2rpx;
}
.item_infor_left image{
width: 100%;
height: 100%;
}
.item_infor_right{
margin-left: 23rpx;
display: flex;
flex-flow: column;
}
.item_infor_right_top{
font-size:28rpx;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(26,26,26,1);
}
.item_infor_right_bottom{
margin-top: 15rpx;
font-size:26rpx;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(255,102,0,1);
}
.item_top_b{
font-size:28rpx;
font-family:PingFang-SC-Regular;
font-weight:400;
color:rgba(102,102,102,1);
}
.item_text{
margin-top: 30rpx;
line-height: 42rpx;
}
.item_hint{
margin-top: 14rpx;
width:750rpx;
background:rgba(255,243,235,1);
display:flex;
flex-flow: column;
box-sizing: border-box;
/* margin: 40rpx 34rpx; */
padding: 40rpx 34rpx;
}
.item_hint_top{
text-align: center;
font-size:28rpx;
font-family:PingFang-SC-Bold;
font-weight:bold;
color:rgba(255,154,87,1);
}
.item_hint_bottom{
margin-top: 15rpx;
font-size:24rpx;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(255,154,87,1);
line-height:36rpx;
}
.bottom{
width: 750rpx;
height: 100rpx;
display: flex;
}
.bottom_left{
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
padding: 0 94rpx;
width: 390rpx;
background: #fff;
}
.bottom_left_share{
display: flex;
flex-flow: column;
}
.bottom_left_share_pic{
width:38rpx;
height:36rpx;
display: flex;
}
.bottom_left_share_pic image{
width: 100%;
height: 100%;
}
.bottom_left_share_text{
margin-top: 14rpx;
font-size:24rpx;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(102,102,102,1);
}
.bottom_left_collect{
display: flex;
flex-flow: column;
}
.bottom_left_collect_pic{
width:42rpx;
height:40rpx;
display: flex;
}
.bottom_left_collect_pic image{
width: 100%;
height: 100%;
}
.bottom_left_collect_text{
margin-top: 9rpx;
font-size:24rpx;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(102,102,102,1);
}
.bottom_right{
width:360rpx;
height:100rpx;
line-height: 100rpx;
text-align: center;
background:rgba(255,102,0,1);
font-size:28rpx;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(255,255,255,1);
}
.mask{
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background:rgba(0,0,0,0.4);
}
.mask_share{
position: fixed;
bottom: 0;
width:750rpx;
/* height:318rpx; */
background:rgba(255,255,255,1);
box-shadow:0rpx 8rpx 16rpx 0rpx rgba(0, 0, 0, 0.08);
border-radius:10rpx 10rpx 0rpx 0rpx;
}
.mask_share_item{
display: flex;
align-items: center;
padding: 22rpx 34rpx;
}
.mask_share_item_left{
width:60rpx;
height:60rpx;
display: flex;
}
.mask_share_item_left image{
width: 100%;
height: 100%;
}
.mask_share_item_right{
margin-left: 24rpx;
font-size:30rpx;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(0,0,0,1);
}
.underline{
margin-left: 56rpx;
width:646rpx;
height:1px;
background:rgba(235,235,235,1);
}
.bottom_line{
width: 750rpx;
height: 4rpx;
background: #EBEBEB;
}
.mask_share_bottom{
/* margin-top: 4rpx; */
width: 100%;
height: 105rpx;
line-height: 105rpx;
text-align: center;
font-size:30rpx;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(0,0,0,1);
}
\ No newline at end of file
... ...