优化发布职位选择定位按钮
This commit is contained in:
@@ -117,8 +117,8 @@
|
||||
placeholder="请输入具体工作地址"
|
||||
v-model="formData.jobLocation"
|
||||
/>
|
||||
<view class="location-btn" @click="chooseLocation">
|
||||
<text class="location-btn-text">选择位置</text>
|
||||
<view class="location-icon-btn" @click="chooseLocation">
|
||||
<uni-icons type="location" size="20" color="#256BFA"></uni-icons>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -226,6 +226,7 @@ import { storeToRefs } from 'pinia';
|
||||
import { createRequest } from '@/utils/request';
|
||||
import useDictStore from '@/stores/useDictStore';
|
||||
import useUserStore from '@/stores/useUserStore';
|
||||
import UniIcons from '@/uni_modules/uni-icons/components/uni-icons/uni-icons.vue';
|
||||
const userStore = useUserStore();
|
||||
const cachedUserInfo = uni.getStorageSync('userInfo') || {};
|
||||
// 表单数据
|
||||
@@ -790,6 +791,37 @@ const validateForm = () => {
|
||||
border-top: 8rpx solid #999;
|
||||
}
|
||||
}
|
||||
|
||||
// 工作地点输入容器样式
|
||||
.location-input-container {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
|
||||
.location-input {
|
||||
flex: 1;
|
||||
padding-right: 80rpx;
|
||||
}
|
||||
|
||||
.location-icon-btn {
|
||||
position: absolute;
|
||||
right: -3px;
|
||||
top: 20%;
|
||||
transform: translateY(-50%);
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: transparent;
|
||||
border: none;
|
||||
border-radius: 8rpx;
|
||||
z-index: 99;
|
||||
&:active {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 企业选择器样式
|
||||
|
||||
Reference in New Issue
Block a user