|
|
@@ -2,7 +2,112 @@
|
|
|
<view>
|
|
|
<u-navbar back-text="摄影助理 - 200元/天" back-icon-size="28" back-icon-color="#ffffff"
|
|
|
:background="{backgroundColor: '#2795FD',}" :back-text-style="{color: '#ffffff'}"></u-navbar>
|
|
|
+ <view class="content">
|
|
|
+ <view class="title">
|
|
|
+ 摄影助理
|
|
|
+ </view>
|
|
|
+ <view class="saraly">
|
|
|
+ 200<text>元/天</text>
|
|
|
+ </view>
|
|
|
+ <view class="address">
|
|
|
+ 江津东路151号锦佳宴
|
|
|
+ </view>
|
|
|
+ <view class="date-views">
|
|
|
+ <view class="date">
|
|
|
+ 更新时间：2023-06-01
|
|
|
+ </view>
|
|
|
+ <view class="views">
|
|
|
+ 浏览量：1
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- 岗位详情 -->
|
|
|
+ <view class="content">
|
|
|
+ <view class="headline">
|
|
|
+ 招工要求
|
|
|
+ </view>
|
|
|
+ <view class="group">
|
|
|
+ <view class="item">
|
|
|
+ <view class="item-title">
|
|
|
+ 招聘人数：
|
|
|
+ </view>
|
|
|
+ <view class="item-value">
|
|
|
+ 4人
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="item">
|
|
|
+ <view class="item-title">
|
|
|
+ 结算方式：
|
|
|
+ </view>
|
|
|
+ <view class="item-value">
|
|
|
+ 日结
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="item">
|
|
|
+ <view class="item-title">
|
|
|
+ 招聘类型：
|
|
|
+ </view>
|
|
|
+ <view class="item-value">
|
|
|
+ 个人
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="headline">
|
|
|
+ 工作详情
|
|
|
+ </view>
|
|
|
+ <view class="group">
|
|
|
+ <view class="item">
|
|
|
+ <view class="item-title">
|
|
|
+ 工作内容：
|
|
|
+ </view>
|
|
|
+ <view class="item-value">
|
|
|
+ 有一定摄影基础，负责协助主拍摄影师做好场景道具、助拍等辅助工作，白班制偶尔加班，周休1天，包工作餐，详情面谈。
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
|
|
|
+ <view class="headline">
|
|
|
+ 联系方式
|
|
|
+ </view>
|
|
|
+ <view class="group">
|
|
|
+ <view class="item">
|
|
|
+ <view class="item-title">
|
|
|
+ 联系人：
|
|
|
+ </view>
|
|
|
+ <view class="item-value">
|
|
|
+ 李先生
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="item">
|
|
|
+ <view class="item-title">
|
|
|
+ 手机号：
|
|
|
+ </view>
|
|
|
+ <view class="item-value">
|
|
|
+ 155****1111
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+
|
|
|
+ <!-- 底部按钮 -->
|
|
|
+ <view class="bottom">
|
|
|
+ <!-- 分享 -->
|
|
|
+ <view class="share">
|
|
|
+ <view class="icon">
|
|
|
+ <img src="../../assets/img/riFill-share-circle-fill@1x.png" alt="">
|
|
|
+ </view>
|
|
|
+ <view class="text">
|
|
|
+ 分享
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="btn">
|
|
|
+ <button class="dialing">拨打电话</button>
|
|
|
+ <button class="invite">我要报名</button>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
@@ -18,7 +123,128 @@
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
-
|
|
|
<style>
|
|
|
+ page {
|
|
|
+ background: #F0F0F2;
|
|
|
+ padding-bottom: 150px;
|
|
|
+ }
|
|
|
+
|
|
|
+</style>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+ // 岗位详情
|
|
|
+ .content{
|
|
|
+ padding: 32rpx;
|
|
|
+ background-color: #fff;
|
|
|
+ margin-bottom: 24rpx;
|
|
|
+ .title{
|
|
|
+ color: rgba(16, 16, 16, 1);
|
|
|
+ font-size: 48rpx;
|
|
|
+ font-family: 'PingFangSC-medium';
|
|
|
+ }
|
|
|
+ .saraly{
|
|
|
+ color: rgba(255, 61, 0, 1);
|
|
|
+ font-size: 24px;
|
|
|
+ margin-top: 16rpx;
|
|
|
+ font-weight: bold;
|
|
|
+ text{
|
|
|
+ font-size: 28rpx
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .address{
|
|
|
+ color: rgba(16, 16, 16, 1);
|
|
|
+ margin-top: 40rpx;
|
|
|
+ }
|
|
|
+ .date-views{
|
|
|
+ margin-top: 24rpx;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ .date{
|
|
|
+ color: rgba(119, 119, 119, 1);
|
|
|
+ font-size: 24rpx;
|
|
|
+ }
|
|
|
+ .views{
|
|
|
+ color: rgba(119, 119, 119, 1);
|
|
|
+ font-size: 24rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .headline{
|
|
|
+ color: rgba(16, 16, 16, 1);
|
|
|
+ font-size: 36rpx;
|
|
|
+ }
|
|
|
+ .group{
|
|
|
+ margin-top: 24rpx;
|
|
|
+ margin-bottom: 64rpx;
|
|
|
+ .item{
|
|
|
+ line-height: 40rpx;
|
|
|
+ display: flex;
|
|
|
+ margin-bottom: 8rpx;
|
|
|
+ .item-title{
|
|
|
+ color: rgba(119, 119, 119, 1);
|
|
|
+ line-height: 40rpx;
|
|
|
+ width: 140rpx;
|
|
|
+ }
|
|
|
+ .item-value{
|
|
|
+ flex: 1;
|
|
|
+ margin-left: 8rpx;
|
|
|
+
|
|
|
+ color: #101010;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
|
|
|
+ // 底部按钮
|
|
|
+ .bottom{
|
|
|
+ background-color: #fff;
|
|
|
+ padding: 24rpx 44rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ position: fixed;
|
|
|
+ bottom: 0;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ // 分享
|
|
|
+ .icon{
|
|
|
+ width: 48rpx;
|
|
|
+ height: 48rpx;
|
|
|
+ img{
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .text{
|
|
|
+ color: rgba(39, 149, 253, 1);
|
|
|
+ font-size:24rpx;
|
|
|
+ }
|
|
|
+ .btn{
|
|
|
+ display: flex;
|
|
|
+ margin-left: auto;
|
|
|
+ .dialing{
|
|
|
+ width: 240rpx;
|
|
|
+ height: 88rpx;
|
|
|
+ line-height: 88rpx;
|
|
|
+ border-radius: 50px;
|
|
|
+ background-color: #fff;
|
|
|
+ color: rgba(39, 149, 253, 1);
|
|
|
+ font-size: 36rpx;
|
|
|
+ text-align: center;
|
|
|
+ border: 1px solid rgba(39, 149, 253, 1);
|
|
|
+ margin-right: 24rpx;
|
|
|
+ }
|
|
|
+ .invite{
|
|
|
+ width: 280rpx;
|
|
|
+ height: 88rpx;
|
|
|
+ line-height: 88rpx;
|
|
|
+ border-radius: 50px;
|
|
|
+ background-color: rgba(34, 149, 255, 1);
|
|
|
+ color: rgba(255, 255, 255, 1);
|
|
|
+ font-size: 36rpx;
|
|
|
+ text-align: center;
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
</style>
|
