优化发布职位选择定位按钮

This commit is contained in:
冯辉
2025-11-14 12:08:45 +08:00
parent 70aa72930d
commit 9cda4eacb3
4 changed files with 110 additions and 5 deletions

View File

@@ -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;
}
}
}
}
// 企业选择器样式