hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-12 12:26:47 +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>
<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;
}
"
>
<div class="in select" style="flex:1">
<a-select
:getPopupContainer="
(triggerNode) => {
return triggerNode.parentNode || document.body;
}
"
v-model:value="projectInfo.picUrl"
dropdownClassName="dropdown-style"
style="width: 440px"
placeholder="请选择"
:options="projectPic"
allowClear
></a-select>
<img
style="
width: 100px;
height: 100px;
margin-bottom: 4px;
margin-right: 4px;
"
:src="src"
alt="avatar"
style="width:100px;height:100px;margin-top:20px;border-radius: 8px"
v-if="projectInfo.picUrl"
:src="projectInfo.picUrl"
alt="avatar"
/>
<div class="i_bottom">
<span style="color: #999ba3">
高宽比为16:9 (如:800*450) png或jpg图片
</span>
</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 class="name">
<div class="namebox">
@@ -333,7 +359,7 @@ export default {
});
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;
getProjectInfo();
getTemplate();