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

style:项目排行榜渲染排名图片

Browse Source
This commit is contained in:
songwc
2022-10-20 18:13:41 +08:00
parent 6d505be39b
commit 944b3744c8
1 changed files with 74 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

90
src/views/projectcenter/TaskPage.vue
View File

@@ -74,9 +74,7 @@
</div> </div>
<div <div
class="taskbox" class="taskbox"
style=" style="background: linear-gradient(180deg, #ddeaff, #f0f8fe)"
background: linear-gradient(180deg,#DDEAFF,#F0F8FE);
"
> >
<div class="leftt"> <div class="leftt">
<img src="../../assets/images/taskpage/left2.png" /> <img src="../../assets/images/taskpage/left2.png" />
@@ -95,9 +93,7 @@
<div <div
class="taskbox" class="taskbox"
@click="showModal" @click="showModal"
style=" style="background: linear-gradient(180deg, #e5f6ec, #eef9f3)"
background: linear-gradient(180deg,#E5F6EC,#EEF9F3);
"
> >
<div class="leftt"> <div class="leftt">
<img src="../../assets/images/taskpage/left3.png" /> <img src="../../assets/images/taskpage/left3.png" />
@@ -1485,23 +1481,25 @@ export default {
customRender: (text) => { customRender: (text) => {
if (text.record.rank == "1") { if (text.record.rank == "1") {
return ( return (
<div <img
style={{ style={{ width: 24, height: 24 }}
width: 24, src={require("../../assets/images/taskpage/one.png")}
height: 24, />
backgroundImage:
"url(" +
require("../../assets/images/taskpage/one.png") +
")",
}}
>
fewfwe
</div>
); );
} else if (text.record.rank == "2") { } else if (text.record.rank == "2") {
return <div>ggg</div>; return (
<img
style={{ width: 24, height: 24 }}
src={require("../../assets/images/taskpage/two.png")}
/>
);
} else if (text.record.rank == "3") { } else if (text.record.rank == "3") {
return <div>ggg</div>; return (
<img
style={{ width: 24, height: 24 }}
src={require("../../assets/images/taskpage/three.png")}
/>
);
} else { } else {
return <div>{text.record.rank}</div>; return <div>{text.record.rank}</div>;
} }
@@ -1587,6 +1585,32 @@ export default {
width: 50, width: 50,
align: "center", align: "center",
className: "h", className: "h",
customRender: (text) => {
if (text.record.rank == "1") {
return (
<img
style={{ width: 24, height: 24 }}
src={require("../../assets/images/taskpage/one.png")}
/>
);
} else if (text.record.rank == "2") {
return (
<img
style={{ width: 24, height: 24 }}
src={require("../../assets/images/taskpage/two.png")}
/>
);
} else if (text.record.rank == "3") {
return (
<img
style={{ width: 24, height: 24 }}
src={require("../../assets/images/taskpage/three.png")}
/>
);
} else {
return <div>{text.record.rank}</div>;
}
},
}, },
{ {
title: "名称", title: "名称",
@@ -1668,6 +1692,32 @@ export default {
width: 50, width: 50,
align: "center", align: "center",
className: "h", className: "h",
customRender: (text) => {
if (text.record.rank == "1") {
return (
<img
style={{ width: 24, height: 24 }}
src={require("../../assets/images/taskpage/one.png")}
/>
);
} else if (text.record.rank == "2") {
return (
<img
style={{ width: 24, height: 24 }}
src={require("../../assets/images/taskpage/two.png")}
/>
);
} else if (text.record.rank == "3") {
return (
<img
style={{ width: 24, height: 24 }}
src={require("../../assets/images/taskpage/three.png")}
/>
);
} else {
return <div>{text.record.rank}</div>;
}
},
}, },
{ {
title: "名称", title: "名称",