hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-15 13:56:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

-- 项目添加图片选择

Browse Source
This commit is contained in:
yuping
2022-12-06 14:37:24 +08:00
parent f25da7acbd
commit 9fbbc1ed06
1 changed files with 53 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
src/views/projectcenter/ProjectAdd.vue
View File

@@ -68,35 +68,61 @@
/> />
<div class="inname">封面图</div> <div class="inname">封面图</div>
</div> </div>
<div <div class="in select" style="flex:1">
:class="`box ${projectInfo.picUrl == src ? 'active' : ''}`" <a-select
style=" :getPopupContainer="
width: 100px; (triggerNode) => {
height: 100px; return triggerNode.parentNode || document.body;
border-radius: 5px; }
cursor: pointer; "
position: relative; v-model:value="projectInfo.picUrl"
overflow: hidden; dropdownClassName="dropdown-style"
" style="width: 440px"
v-for="(src, index) in projectPic" placeholder="请选择"
:key="index" :options="projectPic"
@click=" allowClear
() => { ></a-select>
projectInfo.picUrl = src;
}
"
>
<img <img
style=" style="width:100px;height:100px;margin-top:20px;border-radius: 8px"
width: 100px; v-if="projectInfo.picUrl"
height: 100px; :src="projectInfo.picUrl"
margin-bottom: 4px; alt="avatar"
margin-right: 4px;
"
:src="src"
alt="avatar"
/> />
<div class="i_bottom">
<span style="color: #999ba3">
高宽比为16:9 (如:800*450) png或jpg图片
</span>
</div>
</div> </div>
<!-- <div-->
<!-- :class="`box ${projectInfo.picUrl == src ? 'active' : ''}`"-->
<!-- style="-->
<!-- width: 100px;-->
<!-- height: 100px;-->
<!-- border-radius: 5px;-->
<!-- cursor: pointer;-->
<!-- position: relative;-->
<!-- overflow: hidden;-->
<!-- "-->
<!-- v-for="(src, index) in projectPic"-->
<!-- :key="index"-->
<!-- @click="-->
<!-- () => {-->
<!-- projectInfo.picUrl = src;-->
<!-- }-->
<!-- "-->
<!-- >-->
<!-- <img-->
<!-- style="-->
<!-- width: 100px;-->
<!-- height: 100px;-->
<!-- margin-bottom: 4px;-->
<!-- margin-right: 4px;-->
<!-- "-->
<!-- :src="src"-->
<!-- alt="avatar"-->
<!-- />-->
<!-- </div>-->
</div> </div>
<div class="name"> <div class="name">
<div class="namebox"> <div class="namebox">
@@ -333,7 +359,7 @@ export default {
}); });
onMounted(() => { onMounted(() => {
state.projectPic = store.state.projectPic.map((e) => e.dictValue); state.projectPic = store.state.projectPic.map((e) => ({value:e.dictValue,label:e.dictName}));
state.viewDetail = routers.query.viewDetail; state.viewDetail = routers.query.viewDetail;
getProjectInfo(); getProjectInfo();
getTemplate(); getTemplate();