Преглед изворни кода

feat(招聘) 首页 社招 社招详情

xing.li пре 4 година
родитељ
комит
35468e2cf7

+ 66 - 0
pages/recruitInfo/recruitInfo.js

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

+ 9 - 0
pages/recruitInfo/recruitInfo.json

@@ -0,0 +1,9 @@
+{
+  "usingComponents": {},
+  "navigationBarBackgroundColor": "#fff",
+  "navigationBarTextStyle": "black",
+  "navigationBarTitleText": "招聘详情",
+  "backgroundColor": "#fff",
+  "backgroundTextStyle": "light"
+
+}

+ 69 - 0
pages/recruitInfo/recruitInfo.wxml

@@ -0,0 +1,69 @@
+
+
+<view class="content" >
+  <view class="info">
+      <view class="info_top">
+        <view class="info_top_left">拓展顾问</view>
+        <view class="info_top_right">6001-8000</view>
+      </view>
+      <view class="info_mid">
+        <view class="info_mid_left">
+          <view>萧山区|</view>
+          <view>2年|</view>
+          <view>大专</view>
+        </view>
+        <view class="info_mid_right">2020-12-01</view>
+      </view>
+      <view class="info_bottom">
+        <view class="info_bottom_1">需求部门:</view>
+        <view class="info_bottom_2">拓展部</view>
+      </view>
+      <view class="info_bottom">
+        <view class="info_bottom_1">截至时间:</view>
+        <view class="info_bottom_2">2021-05-09</view>
+      </view>
+      <view class="info_bottom">
+        <view class="info_bottom_1">招聘人数:</view>
+        <view class="info_bottom_2">13</view>
+      </view>
+    </view>
+  <view class="duty">
+    <view class="duty_top">
+      <view class="duty_top_l"></view>
+      <view class="duty_top_r">工作职责</view>
+    </view>
+    <view class="duty_desc">
+      1.负责品牌在大众点评美团口碑等团购平台的运营推广工作;
+      2.负责平台内容运营,提升品牌线上形象塑造及产品管理与爆款打造能力;
+      3.协助上级通过日常活动策划,客户维护互动等,提高粉丝活跃度和粘性,提高好评数与好评率并评估转化效果;
+      4.及时关注评价,定期做数据报表。
+    </view>
+  </view>
+
+  <view class="duty">
+    <view class="duty_top">
+      <view class="duty_top_l"></view>
+      <view class="duty_top_r">任职资格</view>
+    </view>
+    <view class="duty_desc">
+      1、大专及以上学历,工商管理、市场营销等商科专业优先;
+      2、2-5年工作经验,熟悉连锁餐饮、茶饮、零售、生鲜拓展模式优先;
+      3、具有良好的系统思维、学习创新能力、市场洞察能力、语言表达能力、分析判断和决策能力;
+      4、具有C1驾照,身体状况良好,适应长期出差。
+    </view>
+  </view>
+
+  <view class="duty">
+    <view class="duty_top">
+      <view class="duty_top_l"></view>
+      <view class="duty_top_r">沪上阿姨</view>
+    </view>
+    <view class="duty_desc">
+      沪上阿姨隶属于上海臻敬实业有限公司,五谷茶饮开创者,以“时髦之茶,源自沪上”为品牌定位,专注于为年轻消费者提供健康、好喝、不贵的新式现制茶饮。
+      自2013年将五谷与茶跨界搭配首创性提出五谷茶饮的概念后,沪上阿姨又创新性将水果酸奶引入茶饮赛道、创新性开创五谷水果茶系列,持续引领五谷茶品类创新,致力传递健康谷物自然之美。
+      以上海人民广场为出发点,沪上阿姨不断向全国拓展,如今已在全国300多个城市开业超过3000家门店,年销量超过1亿杯,成为天津、山东、安徽、河北等区域强势领导品牌。
+      2019年9月,沪上阿姨新IP符号诞生。一位身着典雅旗袍、翘着兰花指、有颗美人痣、手拿吸管向顾客眨眼的年轻“小阿姨”,代替了原来的上海阿姨形象,兼具老上海的腔调与新上海的活力。
+      2020年11月,沪上阿姨获得嘉御基金近亿元人民币A轮融资,正加速迈向“百城万店,造福万家”的企业愿景,目标成为一家受人尊敬的百年茶饮品牌。
+    </view>
+  </view>
+</view>

+ 102 - 0
pages/recruitInfo/recruitInfo.wxss

@@ -0,0 +1,102 @@
+.content{
+  background-color: #F2F2F2;
+  padding: 20rpx;
+}
+Page {
+  width: 100%;
+  height: 100%;
+  background-color: #F2F2F2;
+}
+
+.info{
+  background-color: #fff;
+  width: 710rpx;
+  height: 300rpx;
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: space-around;
+  border-radius: 10rpx;
+  margin-bottom: 20rpx;
+}
+.info_top,.info_mid,.info_bottom{
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: space-between;
+  padding: 0 30rpx;
+}
+.info_bottom{
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: left;
+  padding: 0 30rpx;
+}
+.info_mid_left{
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: left;
+  
+}
+.info_bottom_left{
+  width: 35rpx;
+  height: 35rpx;
+}
+.info_top_left{
+  color: #43496a;
+  font-size: 32rpx;
+}
+.info_top_right{
+  color: #ff7c7c;
+  font-size: 28rpx;
+}
+
+.info_mid_left,.info_mid_right{
+  font-size: 12px;
+  color: #b0b4ca;
+}
+.info_bottom_1{
+  font-size: 12px;
+  color: #b0b4ca;
+}
+.info_bottom_2{
+  font-size: 28rpx;
+  margin-left: 10rpx;
+}
+
+.duty{
+  background-color: #fff;
+  width: 710rpx;
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: space-around;
+  border-radius: 10rpx;
+  margin-bottom: 20rpx;
+
+}
+.duty_top_l{
+  width: 10rpx;
+  height: 40rpx;
+  background-color: rgb(93, 173, 226);
+  border-radius: 15rpx;
+}
+.duty_top_r{
+  margin-left: 20rpx;
+}
+.duty_top{
+  margin-top: 20rpx;
+  padding: 0 30rpx;
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: left;
+  align-items: center;
+}
+.duty_desc{
+  font-size: 12px;
+  color: #777d9c;
+  line-height: 20px;
+  padding: 0rpx 30rpx;
+  padding-bottom: 20rpx;
+  word-wrap: break-word;
+  word-break: break-all;
+  white-space: pre-line;
+}
+