合并人才集团代码
This commit is contained in:
374
packageRc/components/PopupLists.vue
Normal file
374
packageRc/components/PopupLists.vue
Normal file
@@ -0,0 +1,374 @@
|
||||
<template>
|
||||
<view>
|
||||
<view class="popupAll">
|
||||
<view class="tabList dispalyF" v-if="!allCheckShow">
|
||||
<scroll-view scroll-x style="white-space: nowrap;width: calc(100% - 144rpx);margin-left: 32rpx">
|
||||
<view class="rightView">
|
||||
<view
|
||||
@click="getTopActive(newCkeckData[0], index, item)"
|
||||
:class="
|
||||
index == newCkeckData[0].activeIndex
|
||||
? 'popupItem-active tabItem rightView'
|
||||
: 'popupItem tabItem rightView'
|
||||
"
|
||||
v-for="(item, index) in newCkeckData[0] && newCkeckData[0].data"
|
||||
:key="index"
|
||||
style="display: inline-block; margin-right: 15rpx;margin-bottom: 0"
|
||||
>
|
||||
{{ item.dictLabel }}
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<view class="tabrightBtnOut" @click="allCheckShowChange">
|
||||
<image
|
||||
class="tabrightBtn"
|
||||
src="https://rc.jinan.gov.cn/qcwjyH5/static/images/getMoreCheck.png"
|
||||
mode=""
|
||||
></image>
|
||||
</view>
|
||||
</view>
|
||||
<view class="popupListAll" v-if="allCheckShow">
|
||||
<view
|
||||
class="popupList"
|
||||
v-for="(item, index) in newCkeckData"
|
||||
:key="index"
|
||||
>
|
||||
<view class="tabTitle">
|
||||
{{ item.name }}
|
||||
</view>
|
||||
<view
|
||||
class="dispalyF"
|
||||
:style="[
|
||||
{
|
||||
position: 'sticky',
|
||||
top: '-2rpx',
|
||||
zIndex: 1,
|
||||
flexWrap: 'wrap',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<template>
|
||||
<template v-for="(itm, idx) in item.data">
|
||||
<view :key="idx" v-if="!itm.mode"
|
||||
@click="getActive(itm, index, idx)"
|
||||
:class="
|
||||
idx == item.activeIndex
|
||||
? 'popupItem-active'
|
||||
: 'popupItem'
|
||||
"
|
||||
style="margin-right: 20rpx"
|
||||
>
|
||||
{{ itm.dictLabel }}
|
||||
</view>
|
||||
<!-- <view v-if="itm.mode == 'timerange'">
|
||||
{{itm.start||'开始时间'}} - {{ item.end||'结束时间' }}
|
||||
</view> -->
|
||||
</template>
|
||||
</template>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view class="search_btn" @click="search">
|
||||
查询
|
||||
</view> -->
|
||||
<view class="bottom-search">
|
||||
<view class="search-left" @click="clearAll">
|
||||
清空
|
||||
</view>
|
||||
<view class="search-right" @click="search">查询</view>
|
||||
</view>
|
||||
<view class="popupPic" @click="close">
|
||||
<u-icon name="arrow-up"></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="gropo" v-if="allCheckShow"></view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "popupList",
|
||||
props: {
|
||||
checkData: {
|
||||
type: Array,
|
||||
default: [],
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
newCkeckData: this.checkData,
|
||||
allCheckShow: false,
|
||||
params: "",
|
||||
fijItem: "",
|
||||
outData: [],
|
||||
nickName: ''
|
||||
};
|
||||
},
|
||||
watch: {
|
||||
checkData(newVal) {
|
||||
this.newCkeckData = newVal;
|
||||
},
|
||||
allCheckShow(newVal) {
|
||||
this.$parent.zctopShow = newVal;
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
if (uni.getStorageSync("userInfo")) {
|
||||
let userInfo = JSON.parse(uni.getStorageSync("userInfo"));
|
||||
this.nickName = userInfo.userName ? userInfo.userName : "";
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
allCheckShowChange() {
|
||||
this.allCheckShow = !this.allCheckShow;
|
||||
},
|
||||
search() {
|
||||
this.allCheckShow = false;
|
||||
let param = [];
|
||||
this.$emit('popupSearch', this.newCkeckData)
|
||||
},
|
||||
clearAll(){
|
||||
this.allCheckShow = false;
|
||||
this.newCkeckData.forEach((item, index) => {
|
||||
item.activeIndex=0
|
||||
});
|
||||
this.$emit('popupSearch', this.newCkeckData)
|
||||
},
|
||||
close() {
|
||||
this.allCheckShow = false;
|
||||
},
|
||||
getActive(item, index, idx) {
|
||||
if(item.checkLogin&&!this.nickName){
|
||||
uni.showToast({
|
||||
title: item.noLoginText,
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
this.newCkeckData[index].activeIndex = idx;
|
||||
},
|
||||
getTopActive(list, index, item) {
|
||||
if(item.checkLogin&&!this.nickName){
|
||||
uni.showToast({
|
||||
title: item.noLoginText,
|
||||
icon: 'none'
|
||||
})
|
||||
return
|
||||
}
|
||||
this.$set(this.newCkeckData[0], "activeIndex", index);
|
||||
this.search();
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.dispalyF {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.popupAll {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
z-index: 9;
|
||||
}
|
||||
|
||||
.popupListAll {
|
||||
background: #F2F4F7;
|
||||
position: relative;
|
||||
z-index: 99;
|
||||
width: 100%;
|
||||
padding-top: 8rpx;
|
||||
}
|
||||
|
||||
.popupList {
|
||||
background: #F2F4F7;
|
||||
margin: 0 32rpx;
|
||||
|
||||
.tabTitle {
|
||||
font-family: Source Han Sans;
|
||||
font-size: 24rpx;
|
||||
color: #282828;
|
||||
margin: 16rpx 0;
|
||||
}
|
||||
|
||||
.popupItem {
|
||||
padding: 0 32rpx;
|
||||
text-align: center;
|
||||
background: #fff;
|
||||
border-radius: 4rpx;
|
||||
font-family: Source Han Sans;
|
||||
font-size: 24rpx;
|
||||
font-feature-settings: "kern" on;
|
||||
color: #282828;
|
||||
margin-right: 15rpx;
|
||||
flex-shrink: 0;
|
||||
margin-bottom: 20rpx;
|
||||
line-height: 56rpx;
|
||||
min-width: 144rpx;
|
||||
border: 1rpx solid #CAD4E2;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.popupItem-active {
|
||||
padding: 0 32rpx;
|
||||
text-align: center;
|
||||
background: #1A62CE;
|
||||
border-radius: 4rpx;
|
||||
font-family: Source Han Sans;
|
||||
font-size: 24rpx;
|
||||
font-feature-settings: "kern" on;
|
||||
color: #fff;
|
||||
margin-right: 15rpx;
|
||||
flex-shrink: 0;
|
||||
margin-bottom: 20rpx;
|
||||
line-height: 56rpx;
|
||||
min-width: 144rpx;
|
||||
border: 1rpx solid #1A62CE;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
|
||||
.popupPic {
|
||||
width: 100%;
|
||||
padding-top: 16rpx;
|
||||
padding-bottom: 28rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.gropo {
|
||||
position: fixed;
|
||||
left: 0rpx;
|
||||
top: 0rpx;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
opacity: 0.6;
|
||||
background: rgba(0, 0, 0, 0.23);
|
||||
}
|
||||
|
||||
.tabList {
|
||||
padding: 32rpx 0;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
flex-wrap: nowrap;
|
||||
width: 100%;
|
||||
z-index: 9;
|
||||
|
||||
.tabItem {
|
||||
line-height: 56rpx;
|
||||
padding: 0 32rpx;
|
||||
background: #fff;
|
||||
border-radius: 4rpx;
|
||||
font-family: Source Han Sans;
|
||||
font-size: 24rpx;
|
||||
font-feature-settings: "kern" on;
|
||||
color: #282828;
|
||||
margin-right: 15rpx;
|
||||
flex-shrink: 0;
|
||||
min-width: 144rpx;
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tabrightBtnOut {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
width: 87rpx;
|
||||
height: 56rpx;
|
||||
// background: linear-gradient(270deg, #2A51DF 0%, rgba(66, 110, 230, 0) 100%);
|
||||
}
|
||||
|
||||
.tabrightBtn {
|
||||
position: absolute;
|
||||
right: 36rpx;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
z-index: 99;
|
||||
}
|
||||
.popupItem {
|
||||
padding: 0 32rpx;
|
||||
text-align: center;
|
||||
background: #fff;
|
||||
border-radius: 4rpx;
|
||||
font-family: Source Han Sans;
|
||||
font-size: 24rpx;
|
||||
font-feature-settings: "kern" on;
|
||||
color: #282828;
|
||||
margin-right: 15rpx;
|
||||
flex-shrink: 0;
|
||||
margin-bottom: 20rpx;
|
||||
line-height: 56rpx;
|
||||
min-width: 144rpx;
|
||||
border: 1rpx solid #CAD4E2;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.popupItem-active {
|
||||
padding: 0 32rpx;
|
||||
text-align: center;
|
||||
background: #1A62CE;
|
||||
border-radius: 4rpx;
|
||||
font-family: Source Han Sans;
|
||||
font-size: 24rpx;
|
||||
font-feature-settings: "kern" on;
|
||||
color: #fff;
|
||||
margin-right: 15rpx;
|
||||
flex-shrink: 0;
|
||||
margin-bottom: 20rpx;
|
||||
line-height: 56rpx;
|
||||
min-width: 144rpx;
|
||||
border: 1rpx solid #1A62CE;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
|
||||
.dispalyF {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.rightView :last-child {
|
||||
margin-right: 100rpx !important;
|
||||
}
|
||||
|
||||
.bottom-search {
|
||||
margin-top:56rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin: 16rpx 32rpx 0;
|
||||
.search-left {
|
||||
font-family: Source Han Sans;
|
||||
font-size: 28rpx;
|
||||
font-weight: bold;
|
||||
line-height: 70rpx;
|
||||
background: #fff;
|
||||
color: #3D3D3D;
|
||||
border-radius: 4rpx;
|
||||
height: 62rpx;
|
||||
flex-grow: 1;
|
||||
text-align: center;
|
||||
}
|
||||
.search-right {
|
||||
margin-right: 30rpx;
|
||||
width: 472rpx;
|
||||
line-height: 64rpx;
|
||||
border-radius: 4rpx;
|
||||
background: linear-gradient(270deg, #53A0EA 10%, #1A62CE 100%);
|
||||
font-family: Source Han Sans;
|
||||
font-size: 28rpx;
|
||||
font-weight: bold;
|
||||
margin-left: 24rpx;
|
||||
color: #ffffff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
130
packageRc/components/exitPopup.vue
Normal file
130
packageRc/components/exitPopup.vue
Normal file
@@ -0,0 +1,130 @@
|
||||
<template>
|
||||
<u-popup :show="showExitPopup" @close="closeExitPopup" closeOnClickOverlay>
|
||||
<view class="exit_popup df_flex df__direction_column ">
|
||||
<view class="popup-header">
|
||||
<u-icon name="warning" size="60rpx" color="#E33C3C"></u-icon>
|
||||
<view class="popup-title">退出登录</view>
|
||||
</view>
|
||||
<view class="df_flex df_justify_center name">{{nick || '--'}}</view>
|
||||
<view class="popup-content">确定要退出当前账号吗？</view>
|
||||
<view class="df_flex">
|
||||
<u-button class="custom_btn" text="退出登录" @tap="logOut"></u-button>
|
||||
<u-button class="cancel_btn" text="取 消" @tap="closeExitPopup"></u-button>
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// import {
|
||||
// mapGetters
|
||||
// } from 'vuex'
|
||||
export default {
|
||||
name: "exitPopup",
|
||||
// computed: {
|
||||
// ...mapGetters(['showExitPopup', 'nick'])
|
||||
// },
|
||||
data() {
|
||||
return {
|
||||
showExitPopup: false,
|
||||
nick: ''
|
||||
}
|
||||
},
|
||||
onload() {
|
||||
this.nick = this.$store.state.user.nick
|
||||
this.showExitPopup = this.$store.state.user.showExitPopup
|
||||
},
|
||||
methods: {
|
||||
closeExitPopup() {
|
||||
this.$store.commit('SET_SHOWEXITPOPUP', false)
|
||||
},
|
||||
// 退出
|
||||
logOut() {
|
||||
this.$store.dispatch('LogOut').then((res) => {
|
||||
this.closeExitPopup()
|
||||
uni.navigateTo({
|
||||
url: '/pages/login/login-one'
|
||||
})
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.exit_popup {
|
||||
padding: 48rpx 60rpx 60rpx 60rpx;
|
||||
background: #ffffff;
|
||||
border-radius: 24rpx;
|
||||
box-shadow: 0 8rpx 32rpx rgba(0, 0, 0, 0.12);
|
||||
|
||||
&>view {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.popup-header {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
margin-bottom: 32rpx;
|
||||
|
||||
.popup-title {
|
||||
margin-top: 16rpx;
|
||||
font-size: 36rpx;
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
}
|
||||
}
|
||||
|
||||
.popup-content {
|
||||
text-align: center;
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
margin-bottom: 48rpx;
|
||||
line-height: 1.5;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.name {
|
||||
margin: 16rpx auto 32rpx auto;
|
||||
font-size: 32rpx;
|
||||
font-weight: 500;
|
||||
color: #333333;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.custom_btn {
|
||||
margin: 16rpx;
|
||||
color: #ffffff;
|
||||
border: none;
|
||||
border-radius: 12rpx;
|
||||
background: linear-gradient(135deg, #E33C3C 0%, #ff4757 100%);
|
||||
box-shadow: 0 4rpx 12rpx rgba(227, 60, 60, 0.3);
|
||||
transition: all 0.3s ease;
|
||||
|
||||
&:active {
|
||||
transform: scale(0.95);
|
||||
box-shadow: 0 2rpx 8rpx rgba(227, 60, 60, 0.4);
|
||||
}
|
||||
}
|
||||
|
||||
.cancel_btn {
|
||||
margin: 16rpx;
|
||||
color: #666666;
|
||||
border: 2rpx solid #e5e5e5;
|
||||
border-radius: 12rpx;
|
||||
background-color: #ffffff;
|
||||
transition: all 0.3s ease;
|
||||
|
||||
&:active {
|
||||
transform: scale(0.95);
|
||||
background-color: #f8f9fa;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
203
packageRc/components/placePicker.vue
Normal file
203
packageRc/components/placePicker.vue
Normal file
@@ -0,0 +1,203 @@
|
||||
<template>
|
||||
<view>
|
||||
<u-popup :show="visible">
|
||||
<view style="position: relative;height: 100vh;width: 100%;">
|
||||
<view class="button-area" style="padding: 8vh 32rpx 24rpx 32rpx; margin: 0;border: 0;position: relative;z-index: 2;display: block; top: 10rpx; border-radius: 0;">
|
||||
<u-input style="margin-bottom: 16px;" v-model="placeInput" @change="getLocations" placeholder="请输入并选择相应地点"></u-input>
|
||||
<view v-if="checkedMarker&&checkedMarker.name" class="selected">您已选择：{{ checkedMarker.name }}<text v-if="checkedMarker.address">（{{ checkedMarker.address }}）</text></view>
|
||||
<view v-for="(item, index) in placeList" :key="index" :label="item.name" :value="item.name" @click="addIcon(item.name)" class="place-list">
|
||||
<view style="display: flex;justify-content: space-between;">{{ item.name }}
|
||||
<view style="color: #8492a6; font-size: 13px;width: 50%">{{ item.address }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="map" id="map"></view>
|
||||
<view class="button-area">
|
||||
<view class="btn" @click="cancel">取 消</view>
|
||||
<view class="btn save" @click="submitForm">确 定</view>
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
//import { jsonp } from "vue-jsonp";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
map: '',
|
||||
placeList: [],
|
||||
placeInput: '',
|
||||
markerList: [],
|
||||
checkedMarker: '',
|
||||
visible: false,
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
// this.openDialog();
|
||||
},
|
||||
methods: {
|
||||
submitForm() {
|
||||
if(this.checkedMarker&&this.checkedMarker.name){
|
||||
this.$emit('selected', this.checkedMarker)
|
||||
this.visible = false;
|
||||
}else{
|
||||
this.$message.warning('您尚未选择地点！')
|
||||
}
|
||||
},
|
||||
cancel() {
|
||||
this.visible = false;
|
||||
if (this.map) {
|
||||
this.map.removeEventListener('click', this.handleMapClick);
|
||||
}
|
||||
},
|
||||
openDialog() {
|
||||
this.visible = true;
|
||||
this.$nextTick(() => {
|
||||
this.map = new BMapGL.Map("map");
|
||||
var point = new BMapGL.Point(117.123237,36.657017);
|
||||
this.map.centerAndZoom(point, 15);
|
||||
this.map.enableScrollWheelZoom();
|
||||
var locationCtrl = new BMapGL.LocationControl();
|
||||
this.map.addControl(locationCtrl)
|
||||
this.map.addEventListener('click', this.handleMapClick);
|
||||
})
|
||||
},
|
||||
handleMapClick(e) {
|
||||
const lng = e.latlng.lng;
|
||||
const lat = e.latlng.lat;
|
||||
// 逆地理编码
|
||||
jsonp("https://api.map.baidu.com/reverse_geocoding/v3/", {
|
||||
ak: "qr93Dm5Ph6Vb4n1aTfvHG9KZkvG8S4YU",
|
||||
output: "json",
|
||||
location: `${lat},${lng}`,
|
||||
}).then(res => {
|
||||
if (res.status === 0) {
|
||||
// 清除原有标记
|
||||
this.removeOverlay();
|
||||
// 新建标记
|
||||
const point = new BMapGL.Point(lng, lat);
|
||||
const marker = new BMapGL.Marker(point);
|
||||
this.map.addOverlay(marker);
|
||||
this.markerList = [marker];
|
||||
// 保存选中信息
|
||||
this.checkedMarker = {
|
||||
name: res.result.formatted_address,
|
||||
address: res.result.sematic_description,
|
||||
location: { lng, lat }
|
||||
};
|
||||
this.$forceUpdate();
|
||||
}
|
||||
});
|
||||
},
|
||||
getLocations(place) {
|
||||
jsonp("https://api.map.baidu.com/place/v2/suggestion", {
|
||||
q: place,
|
||||
ak: "qr93Dm5Ph6Vb4n1aTfvHG9KZkvG8S4YU",
|
||||
region: '济南市',
|
||||
output: "json",
|
||||
})
|
||||
.then((json) => {
|
||||
console.log(json,23423434)
|
||||
this.placeList = json.result
|
||||
})
|
||||
.catch((err) => {
|
||||
console.log(err);
|
||||
});
|
||||
},
|
||||
addIcon(e) {
|
||||
let arr = this.placeList.filter(ele => ele.name == e)
|
||||
if(arr.length){
|
||||
this.addMaker(arr)
|
||||
this.clickMaker(arr[0]);
|
||||
}else{
|
||||
this.addMaker(JSON.parse(JSON.stringify(this.placeList)))
|
||||
}
|
||||
this.placeList = []
|
||||
},
|
||||
removeOverlay() {
|
||||
this.markerList.forEach(ele => {
|
||||
this.map.removeOverlay(ele)
|
||||
})
|
||||
},
|
||||
addMaker(list) {
|
||||
this.removeOverlay()
|
||||
list.forEach((ele, index) => {
|
||||
let point = new BMapGL.Point(ele.location.lng, ele.location.lat);
|
||||
if(index == 0){
|
||||
this.map.centerAndZoom(point, 15)
|
||||
}
|
||||
let marker = new BMapGL.Marker(point); // 创建标注
|
||||
this.map.addOverlay(marker);
|
||||
let that = this;
|
||||
this.markerList.push(marker)
|
||||
marker.addEventListener("click", function(){
|
||||
that.clickMaker(ele)
|
||||
});
|
||||
})
|
||||
},
|
||||
clickMaker(e){
|
||||
this.checkedMarker = e;
|
||||
this.$forceUpdate();
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
.selected {
|
||||
margin-bottom: 16px;
|
||||
position: relative;z-index: 2;
|
||||
background: #DCE2E9;
|
||||
border-radius: 8rpx;
|
||||
padding: 12rpx 24rpx;
|
||||
}
|
||||
.map{
|
||||
width: 100%;
|
||||
margin-top: 16px;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.button-area{
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
bottom: 0;
|
||||
padding: 24rpx 32rpx 68rpx;
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
display: flex;
|
||||
box-sizing: border-box;
|
||||
margin-top: 40rpx;
|
||||
border-radius: 16px 16px 0px 0px;
|
||||
.btn{
|
||||
line-height: 72rpx;
|
||||
width: 176rpx;
|
||||
margin-right: 16rpx;
|
||||
font-size: 28rpx;
|
||||
border: 1px solid #B8C5D4;
|
||||
color: #282828;
|
||||
text-align: center;
|
||||
border-radius: 8rpx;
|
||||
}
|
||||
.reset{
|
||||
background: #DCE2E9;
|
||||
}
|
||||
.save{
|
||||
background: linear-gradient(103deg, #1D64CF 0%, #1590D4 99%);
|
||||
color: #fff;
|
||||
border: 0;
|
||||
flex-grow: 1;
|
||||
}
|
||||
}
|
||||
.place-list{
|
||||
line-height: 32rpx;
|
||||
padding: 16rpx 0;
|
||||
border-bottom: 1px solid #DCE2E9;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user