This commit is contained in:
parent
e64033eb9e
commit
f7941ccfd3
Binary file not shown.
After Width: | Height: | Size: 12 KiB |
|
@ -13,7 +13,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="right">
|
<div class="right">
|
||||||
<img src="@/assets/cc3.png" alt="" />
|
<img :src="newData.imgUrl" alt="" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
@ -30,9 +30,9 @@ const quanwen = () => {
|
||||||
.list-1 {
|
.list-1 {
|
||||||
display: flex;
|
display: flex;
|
||||||
min-height: 70px;
|
min-height: 70px;
|
||||||
justify-content: space-around;
|
justify-content:space-between;
|
||||||
padding-left: 12px;
|
padding-left: 16px;
|
||||||
padding-right: 12px;
|
padding-right: 16px;
|
||||||
|
|
||||||
.left {
|
.left {
|
||||||
width: 230px;
|
width: 230px;
|
||||||
|
@ -77,7 +77,8 @@ const quanwen = () => {
|
||||||
|
|
||||||
.yesDevelop {
|
.yesDevelop {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 231px;
|
// width: 231px;
|
||||||
|
width: 61vw;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
|
|
|
@ -81,27 +81,15 @@ const mainList = reactive([
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 2,
|
id: 2,
|
||||||
title: "老有康养",
|
title: "幼有善育",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 3,
|
id: 3,
|
||||||
title: "老有康养",
|
title: "学有优教",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 4,
|
id: 4,
|
||||||
title: "老有康养",
|
title: "劳有所得",
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 5,
|
|
||||||
title: "老有康养",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 6,
|
|
||||||
title: "老有康养",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 7,
|
|
||||||
title: "老有康养",
|
|
||||||
},
|
},
|
||||||
]);
|
]);
|
||||||
const chooseId = ref("1");
|
const chooseId = ref("1");
|
||||||
|
@ -111,48 +99,44 @@ const choose = (id) => {
|
||||||
};
|
};
|
||||||
const records = reactive({
|
const records = reactive({
|
||||||
list: [
|
list: [
|
||||||
{
|
|
||||||
id: 1,
|
|
||||||
display: 0,
|
|
||||||
title: "2023年养老金政策震撼发布!你的养老金将发生这样的变化!红红火火恍恍惚惚或或或或或或或或或或或或或或或或或或或或或或或或或",
|
|
||||||
createdAt: "11月27日",
|
|
||||||
eye: "8888",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: 1,
|
id: 1,
|
||||||
display: 1,
|
display: 1,
|
||||||
title: "“三问”个人养老金:是什么、怎么缴、如何领?红红火火恍恍惚惚或或或或或或或或或或或或或或或或或或或或或或或或或",
|
title: "“三问”个人养老金:是什么、怎么缴、如何领?",
|
||||||
createdAt: "11月27日",
|
createdAt: "11月27日",
|
||||||
|
imgUrl: "/src/assets/cc4.png",
|
||||||
eye: "8888",
|
eye: "8888",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 1,
|
id: 2,
|
||||||
|
display: 1,
|
||||||
|
title: "100场社区活动——教你轻松玩转智能手机",
|
||||||
|
createdAt: "11月27日",
|
||||||
|
imgUrl: "/src/assets/cc3.png",
|
||||||
|
eye: "8888",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
display: 0,
|
display: 0,
|
||||||
title: "2023年养老金政策震撼发布!你的养老金将发生这样的变化!",
|
title: "2023年养老金政策震撼发布!你的养老金将发生这样的变化!",
|
||||||
createdAt: "11月27日",
|
createdAt: "11月27日",
|
||||||
eye: "8888",
|
eye: "8888",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 1,
|
id: 4,
|
||||||
display: 1,
|
display: 1,
|
||||||
title: "“三问”个人养老金:是什么、怎么缴、如何领?",
|
title: "100场社区活动——教你轻松玩转智能手机",
|
||||||
createdAt: "11月27日",
|
createdAt: "11月27日",
|
||||||
|
imgUrl: "/src/assets/cc3.png",
|
||||||
eye: "8888",
|
eye: "8888",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 1,
|
id: 5,
|
||||||
display: 0,
|
display: 0,
|
||||||
title: "2023年养老金政策震撼发布!你的养老金将发生这样的变化!",
|
title: "2023年养老金政策震撼发布!你的养老金将发生这样的变化!",
|
||||||
createdAt: "11月27日",
|
createdAt: "11月27日",
|
||||||
eye: "8888",
|
eye: "8888",
|
||||||
},
|
},
|
||||||
{
|
|
||||||
id: 1,
|
|
||||||
display: 1,
|
|
||||||
title: "“三问”个人养老金:是什么、怎么缴、如何领?",
|
|
||||||
createdAt: "11月27日",
|
|
||||||
eye: "8888",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
@ -297,12 +281,13 @@ const records = reactive({
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.line {
|
.line {
|
||||||
width: 100%;
|
width: 100vw;
|
||||||
height: 0px;
|
height: 0px;
|
||||||
border-radius: 0px 0px 0px 0px;
|
border-radius: 0px 0px 0px 0px;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
border: 1px solid #f1f1f1;
|
border: 1px solid #f1f1f1;
|
||||||
margin-top: 16px;
|
margin-top: 16px;
|
||||||
margin-bottom: 16px;
|
margin-bottom: 16px;
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
Loading…
Reference in New Issue