|
|
@@ -1,448 +1,197 @@
|
|
|
-<template>
|
|
|
- <view class="content">
|
|
|
- <view class="top-box">
|
|
|
- 报名参与
|
|
|
- </view>
|
|
|
-
|
|
|
- <view class="box">
|
|
|
- <view class="box-1">
|
|
|
- <view class="box-left">
|
|
|
- 姓名
|
|
|
- <text class="imp"></text>
|
|
|
- ：
|
|
|
- </view>
|
|
|
- <input type="text" value="" class="list-input" v-model="name" placeholder="请输入您的姓名" placeholder-class="placeholder" />
|
|
|
- </view>
|
|
|
- <view class="box-1">
|
|
|
- <view class="box-left">出生年月：</view>
|
|
|
- <picker mode="date" :value="birth" fields="month" :start="startDate" :end="endDate" @change="bindDateChange" class="box-right">
|
|
|
- <view class="placeholder" v-if="birth === ''">请输入您的生日</view>
|
|
|
- <view v-else>{{ birth }}</view>
|
|
|
- </picker>
|
|
|
- </view>
|
|
|
- <view class="box-1">
|
|
|
- <view class="box-left">性别：</view>
|
|
|
- <picker @change="bindPickerSex" :value="sex" :range="array" class="box-right">
|
|
|
- <view class="placeholder" v-if="sex === ''">请输入您的性别</view>
|
|
|
- <text>{{ sex }}</text>
|
|
|
- </picker>
|
|
|
- </view>
|
|
|
- <view class="box-1">
|
|
|
- <view class="box-left">文化程度：</view>
|
|
|
- <picker @change="bindPickerEdu" :value="education" :range="chooseEdu" class="box-right">
|
|
|
- <view class="placeholder" v-if="education === ''">请输入您的文化程度</view>
|
|
|
- <text>{{ education }}</text>
|
|
|
- </picker>
|
|
|
- </view>
|
|
|
- <view class="box-1">
|
|
|
- <view class="box-left">民族：</view>
|
|
|
- <input type="text" value="" class="list-input" v-model="mz" placeholder="请输入您的民族" placeholder-class="placeholder" />
|
|
|
- </view>
|
|
|
- <view class="box-1">
|
|
|
- <view class="box-left">地址：</view>
|
|
|
- <input type="text" value="" class="list-input" v-model="address" placeholder="请输入您的地址" placeholder-class="placeholder" />
|
|
|
- </view>
|
|
|
- <view class="box-1">
|
|
|
- <view class="box-left">身份证号码：</view>
|
|
|
- <input type="text" value="" class="list-input" v-model="card" placeholder="请输入您的身份证号码" placeholder-class="placeholder" />
|
|
|
- </view>
|
|
|
- <view class="box-1">
|
|
|
- <view class="box-left">联系方式：</view>
|
|
|
- <input type="text" value="" class="list-input" v-model="phone" placeholder="请输入您的联系方式" placeholder-class="placeholder" />
|
|
|
- </view>
|
|
|
- <view class="box-1">
|
|
|
- <view class="box-left">工作单位：</view>
|
|
|
- <input type="text" value="" class="list-input" v-model="work" placeholder="请输入您的工作单位" placeholder-class="placeholder" />
|
|
|
- </view>
|
|
|
- <view class="box-1">
|
|
|
- <view class="box-left">职位：</view>
|
|
|
- <input type="text" value="" class="list-input" v-model="specialty" placeholder="请输入您的职位" placeholder-class="placeholder" />
|
|
|
- </view>
|
|
|
- <view class="upload-box">
|
|
|
- <view class="upload-left">证件：</view>
|
|
|
- <view class="upload-right">
|
|
|
- <image :src="cardimg" mode="" class="upload-img" @click.stop="imgsub" v-if="cardimg"></image>
|
|
|
- <image src="../../static/images/upload.png" class="upload-img" mode="" v-if="!cardimg" @click.stop="imgsub"></image>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="buttom" :class="{ action: loding }" @click="!loding ? join() : ''">提交申请</view>
|
|
|
- </view>
|
|
|
-</template>
|
|
|
-
|
|
|
-<script>
|
|
|
-import { joinSec } from '@/api/index.js';
|
|
|
-import { upload } from '@/api/ask.js';
|
|
|
-export default {
|
|
|
- data() {
|
|
|
- const currentDate = this.getDate({
|
|
|
- format: true
|
|
|
- });
|
|
|
- return {
|
|
|
- loding: false, //是否提交中
|
|
|
- array: ['男', '女'],
|
|
|
- chooseEdu: ['博士后', '博士', '硕士', '本科', '专科', '其他'],
|
|
|
- chooseVol: ['是', '否'],
|
|
|
- chooseExp: ['是', '否'],
|
|
|
- index: 0,
|
|
|
- mz: '',
|
|
|
- cardimg: '', //证件照
|
|
|
- card: '',
|
|
|
- checklist: [],
|
|
|
- name: '',
|
|
|
- sex: '',
|
|
|
- birth: '',
|
|
|
- phone: '',
|
|
|
- address: '',
|
|
|
- work: '',
|
|
|
- specialty: '',
|
|
|
- education: ''
|
|
|
- };
|
|
|
- },
|
|
|
- computed: {
|
|
|
- startDate() {
|
|
|
- return this.getDate('start');
|
|
|
- },
|
|
|
- endDate() {
|
|
|
- return this.getDate('end');
|
|
|
- }
|
|
|
- },
|
|
|
- methods: {
|
|
|
- async join() {
|
|
|
- let obj = this;
|
|
|
- if (obj.name == '') {
|
|
|
- obj.$api.msg('请输入您的姓名');
|
|
|
- return;
|
|
|
- }
|
|
|
- if (obj.birth == '') {
|
|
|
- obj.$api.msg('请选择出生年月');
|
|
|
- return;
|
|
|
- }
|
|
|
- if (obj.sex == '') {
|
|
|
- obj.$api.msg('请输入您的性别');
|
|
|
- return;
|
|
|
- }
|
|
|
- if (obj.education == '') {
|
|
|
- obj.$api.msg('请选择您的文化程度');
|
|
|
- return;
|
|
|
- }
|
|
|
- if (obj.mz == '') {
|
|
|
- obj.$api.msg('请填写您所属的民族');
|
|
|
- return;
|
|
|
- }
|
|
|
- if (obj.specialty == '') {
|
|
|
- obj.$api.msg('请填写您的职位');
|
|
|
- return;
|
|
|
- }
|
|
|
- if (obj.address == '') {
|
|
|
- obj.$api.msg('请填写您的地址');
|
|
|
- return;
|
|
|
- }
|
|
|
- let reg1 = /^(^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$)|(^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])((\d{4})|\d{3}[Xx])$)$/;
|
|
|
- if (!reg1.test(obj.card)) {
|
|
|
- obj.$api.msg('请填写正确的身份证信息');
|
|
|
- return;
|
|
|
- }
|
|
|
- const reg = /^(\+?0?86-?)?1[\d]\d{9}$/;
|
|
|
- if (!reg.test(obj.phone)) {
|
|
|
- obj.$api.msg('请填写正确的手机号码');
|
|
|
- return;
|
|
|
- }
|
|
|
-
|
|
|
- // /^(^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$)|(^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])((\d{4})|\d{3}[Xx])$)$/
|
|
|
-
|
|
|
- if (obj.work == '') {
|
|
|
- obj.$api.msg('请填写您的工作单位');
|
|
|
- return;
|
|
|
- }
|
|
|
- if (obj.cardimg == '') {
|
|
|
- obj.$api.msg('请上传您的证件');
|
|
|
- return;
|
|
|
- }
|
|
|
-
|
|
|
- if (obj.specialty == '') {
|
|
|
- obj.$api.msg('请填写您的职位');
|
|
|
- return;
|
|
|
- }
|
|
|
- // if (obj.education == '') {
|
|
|
- // obj.$api.msg('请填写您的教育程度');
|
|
|
- // return;
|
|
|
- // }
|
|
|
- // if (obj.is_vol == '') {
|
|
|
- // obj.$api.msg('请填写您的是否受过志愿服务');
|
|
|
- // return;
|
|
|
- // }
|
|
|
- // if (obj.is_experience == '') {
|
|
|
- // obj.$api.msg('请填写您的有无服务经验');
|
|
|
- // return;
|
|
|
- // }
|
|
|
- obj.loding = true;
|
|
|
- joinSec({
|
|
|
- name: obj.name,
|
|
|
- sex: obj.sex,
|
|
|
- education: obj.education,
|
|
|
- birth: obj.birth,
|
|
|
- mz: obj.mz,
|
|
|
- phone: obj.phone,
|
|
|
- address: obj.address,
|
|
|
- work: obj.work,
|
|
|
- specialty: obj.specialty,
|
|
|
- img: obj.cardimg,
|
|
|
- card: obj.card
|
|
|
- })
|
|
|
- .then(e => {
|
|
|
- obj.name = '';
|
|
|
- obj.sex = '';
|
|
|
- obj.education = '';
|
|
|
- obj.birth = '';
|
|
|
- (obj.mz = ''), (obj.phone = '');
|
|
|
- obj.address = '';
|
|
|
- obj.work = '';
|
|
|
- obj.specialty = '';
|
|
|
- (obj.cardimg = ''), (obj.card = '');
|
|
|
- uni.navigateTo({
|
|
|
- url: '../joinSuc/joinNow'
|
|
|
- });
|
|
|
+<template>
|
|
|
+ <view class="container">
|
|
|
+ <!-- <view class="top">
|
|
|
+ 普及培训
|
|
|
+ </view> -->
|
|
|
+ <swiper class="swiper-box" duration="300" @change="changeTab">
|
|
|
+ <swiper-item class="tab-content">
|
|
|
+ <scroll-view class="list-scroll-content" scroll-y @scrolltolower="loadData">
|
|
|
+ <!-- 空白页 -->
|
|
|
+ <empty v-if="loadingType === true && list.length === 0"></empty>
|
|
|
+ <!-- 订单列表 -->
|
|
|
+ <view class="order-item" @click="ToDetail(1)">
|
|
|
+ <view class="list-cell">
|
|
|
+ <image class="image" src="../../static/img/personal.jpg"></image>
|
|
|
+ <view class="list-tpl">个人报名</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="order-item" @click="ToDetail(2)">
|
|
|
+ <view class="list-cell">
|
|
|
+ <image class="image" src="../../static/img/group.jpg"></image>
|
|
|
+ <view class="list-tpl">团队报名</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </scroll-view>
|
|
|
+ </swiper-item>
|
|
|
+ </swiper>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+import uniLoadMore from '@/components/uni-load-more/uni-load-more.vue';
|
|
|
+import empty from '@/components/empty';
|
|
|
+import uniPopup from '@/components/uni-popup/uni-popup.vue';
|
|
|
+import { training } from '@/api/index.js';
|
|
|
+export default {
|
|
|
+ components: {
|
|
|
+ uniLoadMore,
|
|
|
+ empty,
|
|
|
+ uniPopup
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ page: 1, //当前页数
|
|
|
+ limit: 6, //每次信息条数
|
|
|
+ list: [],
|
|
|
+ loadingType: 'more', //加载更多状态
|
|
|
+ };
|
|
|
+ },
|
|
|
+ onLoad() {
|
|
|
+ console.log(22)
|
|
|
+ // this.loadData();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ //获取订单列表
|
|
|
+ loadData(type) {
|
|
|
+ //这里是将订单挂载到tab列表下
|
|
|
+ let obj = this;
|
|
|
+ if (type != 'refresh') {
|
|
|
+ console.log(obj.loadingType, '456');
|
|
|
+ //没有更多数据直接跳出方法
|
|
|
+ if (obj.loadingType === 'nomore') {
|
|
|
+ return;
|
|
|
+ } else {
|
|
|
+ // 设置当前为数据载入中
|
|
|
+ obj.loadingType = 'loading';
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ //当重新加载数据时更新状态为可继续添加数据
|
|
|
+ obj.loadingType = 'more';
|
|
|
+ }
|
|
|
+ training({})
|
|
|
+ .then(data => {
|
|
|
+ if (type === 'refresh') {
|
|
|
+ obj.list = [];
|
|
|
+ }
|
|
|
+ let arr = data.data
|
|
|
+ obj.list = obj.list.concat(arr);
|
|
|
+ //判断是否还有下一页，有是more 没有是nomore
|
|
|
+ if (obj.limit == arr.length) {
|
|
|
+ obj.page++;
|
|
|
+ obj.loadingType = 'more';
|
|
|
+ } else {
|
|
|
+ obj.loadingType = 'nomore';
|
|
|
+ }
|
|
|
+ // 判断是否为刷新数据
|
|
|
+ if (type === 'refresh') {
|
|
|
+ console.log('refresh');
|
|
|
+ // 判断是否为点击搜索按钮跳转加载
|
|
|
+ if (obj.loading == 1) {
|
|
|
+ uni.hideLoading();
|
|
|
+ } else {
|
|
|
+ uni.stopPullDownRefresh();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch(e => {
|
|
|
+ obj.loadingType = 'nomore';
|
|
|
+ uni.hideLoading();
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //跳转到详情
|
|
|
+ ToDetail(index) {
|
|
|
+ if(index == 1) {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: '/pages/cart/personal'
|
|
|
})
|
|
|
- .catch(function(e) {
|
|
|
- console.log('出错了');
|
|
|
- console.log(e);
|
|
|
- });
|
|
|
- },
|
|
|
- imgsub() {
|
|
|
- console.log('imgsub');
|
|
|
- upload({
|
|
|
- filename: ''
|
|
|
- }).then(data => {
|
|
|
- this.cardimg = data[0].url;
|
|
|
- });
|
|
|
- },
|
|
|
- // 选择性别
|
|
|
- bindPickerSex: function(e) {
|
|
|
- console.log(this.array[e.target.value]);
|
|
|
- this.sex = this.array[e.target.value];
|
|
|
- this.index = e.target.value + 1;
|
|
|
- },
|
|
|
- // 选择教育程度
|
|
|
- bindPickerEdu: function(e) {
|
|
|
- this.education = this.chooseEdu[e.target.value];
|
|
|
- this.index = e.target.value + 1;
|
|
|
- },
|
|
|
- // 选择日期
|
|
|
- bindDateChange: function(e) {
|
|
|
- this.birth = e.target.value;
|
|
|
- },
|
|
|
- // 是否参加志愿活动
|
|
|
- bindPickerVol: function(e) {
|
|
|
- this.is_vol = this.chooseVol[e.target.value];
|
|
|
- this.index = e.target.value + 1;
|
|
|
- },
|
|
|
- // 有无服务经验
|
|
|
- bindPickerExp: function(e) {
|
|
|
- this.is_experience = this.chooseExp[e.target.value];
|
|
|
- this.index = e.target.value + 1;
|
|
|
- },
|
|
|
- getDate(type) {
|
|
|
- const date = new Date();
|
|
|
- let year = date.getFullYear();
|
|
|
- let month = date.getMonth() + 1;
|
|
|
- let day = date.getDate();
|
|
|
-
|
|
|
- if (type === 'start') {
|
|
|
- year = year - 60;
|
|
|
- } else if (type === 'end') {
|
|
|
- year = year + 2;
|
|
|
}
|
|
|
- month = month > 9 ? month : '0' + month;
|
|
|
- day = day > 9 ? day : '0' + day;
|
|
|
- return `${year}-${month}-${day}`;
|
|
|
- },
|
|
|
- // 选择可提供时间
|
|
|
-
|
|
|
- // this.quantum = item.detail.value.join(',');
|
|
|
-
|
|
|
- checktime1(e) {
|
|
|
- // var items = this.timeList,
|
|
|
- // let quantum = [];
|
|
|
- this.quantum = e.detail.value.join(',');
|
|
|
- console.log(this.quantum);
|
|
|
- },
|
|
|
- checktime2(e) {
|
|
|
- // var items = this.timeList,
|
|
|
- let values = e.detail.value;
|
|
|
- // let quantum = [];
|
|
|
- console.log(values);
|
|
|
- },
|
|
|
- checktime3(e) {
|
|
|
- // var items = this.timeList,
|
|
|
- let values = e.detail.value;
|
|
|
- // let quantum = [];
|
|
|
- console.log(values);
|
|
|
- },
|
|
|
- //选择有兴趣参与的工作
|
|
|
- checkjob(item) {
|
|
|
- this.taste = item.detail.value.join(',');
|
|
|
- },
|
|
|
- // 选择专长checkspeciality
|
|
|
- checkspeciality(item) {
|
|
|
- this.speciali = item.detail.value.join(',');
|
|
|
- }
|
|
|
- }
|
|
|
-};
|
|
|
-</script>
|
|
|
-
|
|
|
-<style lang="scss">
|
|
|
-page {
|
|
|
- background-color: #fdcbc2;
|
|
|
-}
|
|
|
-
|
|
|
-.content {
|
|
|
- padding-top: 44rpx;
|
|
|
- background-color: #fdcbc2;
|
|
|
-
|
|
|
- .buttom {
|
|
|
- margin: 60rpx auto 0;
|
|
|
- width: 750rpx;
|
|
|
- height: 100rpx;
|
|
|
- background: #FA7E67;
|
|
|
- font-size: 34rpx;
|
|
|
- font-family: PingFang SC;
|
|
|
- font-weight: 500;
|
|
|
- color: #FFFFFF;
|
|
|
- line-height: 100rpx;
|
|
|
- text-align: center;
|
|
|
- &.action {
|
|
|
- background: #999999;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .box {
|
|
|
- // margin-top: 44rpx;
|
|
|
- width: 690rpx;
|
|
|
- margin: 20rpx auto 0;
|
|
|
- background-color: #ffffff;
|
|
|
- border-radius: 20rpx;
|
|
|
- // padding: 28rpx 20rpx 32rpx 20rpx;
|
|
|
- position: relative;
|
|
|
-
|
|
|
- .red-box {
|
|
|
- width: 405rpx;
|
|
|
- line-height: 66rpx;
|
|
|
- text-align: center;
|
|
|
- background: linear-gradient(0deg, #c90f1b, #f14d33);
|
|
|
- // background-color: #c62316;
|
|
|
- border-radius: 10rpx;
|
|
|
- font-size: 30rpx;
|
|
|
- font-weight: 500;
|
|
|
- color: #ffffff;
|
|
|
- // position: relative;
|
|
|
- position: absolute;
|
|
|
- top: -36rpx;
|
|
|
- left: 50%;
|
|
|
- transform: translateX(-50%);
|
|
|
- z-index: 1;
|
|
|
- }
|
|
|
-
|
|
|
- .box-check {
|
|
|
- font-size: 28rpx;
|
|
|
- font-weight: 500;
|
|
|
- color: #666666;
|
|
|
- line-height: 100rpx;
|
|
|
- }
|
|
|
-
|
|
|
- .imp {
|
|
|
- color: red;
|
|
|
- margin-left: 5rpx;
|
|
|
- }
|
|
|
- .box-1 {
|
|
|
- height: 98rpx;
|
|
|
- padding: 0 20rpx;
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- border-bottom: 1px solid #f0f0f0;
|
|
|
- line-height: 98rpx;
|
|
|
- align-items: center;
|
|
|
- font-size: 28rpx;
|
|
|
- font-family: PingFang SC;
|
|
|
- font-weight: 500;
|
|
|
- color: #333333;
|
|
|
- // .box-left {
|
|
|
- // width: 120rpx;
|
|
|
- // }
|
|
|
- // .list-input {
|
|
|
- // width: 440rpx;
|
|
|
- // }
|
|
|
- // .box-right {
|
|
|
- // width: 440rpx
|
|
|
- // }
|
|
|
- .list-input {
|
|
|
- width: 440rpx;
|
|
|
- // height: 26rpx;
|
|
|
- font-size: 28rpx;
|
|
|
- font-family: PingFang SC;
|
|
|
- font-weight: 500;
|
|
|
- color: #000;
|
|
|
- }
|
|
|
- .placeholder {
|
|
|
- color: #999999;
|
|
|
- }
|
|
|
- .box-right {
|
|
|
- width: 440rpx;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-.upload-box {
|
|
|
- // height: 247rpx;
|
|
|
- background: #ffffff;
|
|
|
- border-radius: 27rpx;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- padding: 30rpx 40rpx 30rpx 0;
|
|
|
- margin: 15rpx auto 30rpx;
|
|
|
- width: 690rpx;
|
|
|
- background: #ffffff;
|
|
|
- border-radius: 10rpx;
|
|
|
- .upload-left {
|
|
|
- padding-left: 20rpx;
|
|
|
- font-weight: 400;
|
|
|
- color: #000;
|
|
|
- }
|
|
|
-
|
|
|
- .upload-right {
|
|
|
- flex: 1;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
-
|
|
|
- .upload-img {
|
|
|
- width: 160rpx;
|
|
|
- height: 160rpx;
|
|
|
- margin-top: 24rpx;
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-.top-box {
|
|
|
- height: 58rpx;
|
|
|
- font-size: 38rpx;
|
|
|
- line-height: 58rpx;
|
|
|
- font-family: PingFang SC;
|
|
|
- font-weight: bold;
|
|
|
- color: #FA7E67;
|
|
|
- text-align: center;
|
|
|
- position: relative;
|
|
|
- &::before {
|
|
|
- content: '';
|
|
|
- width: 215rpx;
|
|
|
- height: 17rpx;
|
|
|
- background: #fff;
|
|
|
- opacity: 0.26;
|
|
|
- position: absolute;
|
|
|
- left: 0;
|
|
|
- right: 0;
|
|
|
- bottom: 0;
|
|
|
- margin: 0 auto;
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
+ if(index == 2) {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: '/pages/cart/group'
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss">
|
|
|
+page {
|
|
|
+ background: #F2F2F2;
|
|
|
+ height: 100%;
|
|
|
+ padding-bottom: 25rpx;
|
|
|
+}
|
|
|
+.container {
|
|
|
+ height: 100%;
|
|
|
+ .top{
|
|
|
+ background-color: #FFFFFF;
|
|
|
+ height: 88rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ font-size: 36rpx;
|
|
|
+ font-weight: 500;
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
+ .swiper-box {
|
|
|
+ height:100%;
|
|
|
+ .list-scroll-content {
|
|
|
+ height:100%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+.scroll-list {
|
|
|
+ width: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ white-space: nowrap;
|
|
|
+ background-color: #ffffff;
|
|
|
+ font-size: 32rpx;
|
|
|
+ .scoll-box {
|
|
|
+ text-align: center;
|
|
|
+ display: inline-block;
|
|
|
+ margin: 0rpx 38rpx;
|
|
|
+ padding: 15rpx 0rpx;
|
|
|
+ .scoll-img {
|
|
|
+ width: 130rpx;
|
|
|
+ height: 85rpx;
|
|
|
+ border-radius: 100%;
|
|
|
+ image {
|
|
|
+ width: 85rpx;
|
|
|
+ height: 100%;
|
|
|
+ border-radius: 100%;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .scoll-name {
|
|
|
+ padding-top: 15rpx;
|
|
|
+ }
|
|
|
+ &.active {
|
|
|
+ color: #ef3d28;
|
|
|
+ border-bottom: 6rpx solid #ef3d28;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.order-item {
|
|
|
+ width: 100%;
|
|
|
+ padding: 0rpx 25rpx;
|
|
|
+ padding-top: 25rpx !important;
|
|
|
+ .list-cell {
|
|
|
+ background-color: #ffffff;
|
|
|
+ border-radius: 20rpx;
|
|
|
+ width: 100%;
|
|
|
+ box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.06);
|
|
|
+ .image {
|
|
|
+ width: 100%;
|
|
|
+ height: 300rpx;
|
|
|
+ border-top-left-radius: 25rpx;
|
|
|
+ border-top-right-radius: 25rpx;
|
|
|
+ }
|
|
|
+ .list-tpl {
|
|
|
+ padding: 25rpx 25rpx;
|
|
|
+ padding-bottom: 35rpx !important;
|
|
|
+ font-size: 34rpx;
|
|
|
+ color: #222222;
|
|
|
+ font-weight:500;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|
2312970463@qq.com
