Skip to content

H
h5-baby
Commit 348459a2 authored by malin's avatar malin
Browse files
Options

test

parent 4012e749
Show whitespace changes
Inline Side-by-side
Showing with 29 additions and 57 deletions
src/views/Result/index.css
View file @ 348459a2
...@@ -95,7 +95,7 @@ ...@@ -95,7 +95,7 @@
.name-list>div { .name-list>div {
width: 50%; width: 50%;
margin-bottom: 0.78rem; margin-bottom: 0.78rem;
box-sizing: border-box; /* box-sizing: border-box; */
} }
.name-list>div:nth-child(2n-1) { .name-list>div:nth-child(2n-1) {
......
src/views/Result/index.vue
View file @ 348459a2
...@@ -51,7 +51,7 @@ ...@@ -51,7 +51,7 @@
<div class="recommend row-center-start"> <div class="recommend row-center-start">
<div class="title fs-36 fc-f">推荐好名</div> <div class="title fs-36 fc-f">推荐好名</div>
<div class="name fc-3 fs-64 ff-pp fw-5"> <div class="name fc-3 ff-pp fw-5">
<div class="row-between-center" style="margin-bottom: 0.6rem"> <div class="row-between-center" style="margin-bottom: 0.6rem">
<template v-for="(item, i) in imgInfo"> <template v-for="(item, i) in imgInfo">
<img <img
...@@ -64,63 +64,35 @@ ...@@ -64,63 +64,35 @@
</template> </template>
</div> </div>
<template v-if="words == 3 || nameList.length > 0">
<div class="name-list row-center-center"> <div class="name-list row-center-center">
<template v-for="item in nameList"> <template v-for="item in nameList">
<div :key="item.id" class="row-around-center"> <div v-if="words == 3" :key="item.id" class="row-around-center">
<div class="only-text"> <div class="only-text">
<img <img class="img5" src="@/assets/img/result/img5.png" alt="" />
class="img5"
src="@/assets/img/result/img5.png"
alt=""
/>
<div>{{ item.name.substr(0, 1) }}</div> <div>{{ item.name.substr(0, 1) }}</div>
</div> </div>
<div class="only-text"> <div class="only-text">
<img <img class="img5" src="@/assets/img/result/img5.png" alt="" />
class="img5"
src="@/assets/img/result/img5.png"
alt=""
/>
<div>{{ item.name.substr(1, 1) }}</div> <div>{{ item.name.substr(1, 1) }}</div>
</div> </div>
<div class="only-text"> <div class="only-text">
<img <img class="img5" src="@/assets/img/result/img5.png" alt="" />
class="img5"
src="@/assets/img/result/img5.png"
alt=""
/>
<div>{{ item.name.substr(2, 1) }}</div> <div>{{ item.name.substr(2, 1) }}</div>
</div> </div>
</div> </div>
</template>
</div>
</template>
<template v-else> <div v-else :key="item.id" class="row-around-center">
<div class="name-list row-center-center">
<template v-for="item in nameList">
<div :key="item.id" class="row-around-center">
<div class="only-text"> <div class="only-text">
<img <img class="img5" src="@/assets/img/result/img5.png" alt="" />
class="img5"
src="@/assets/img/result/img5.png"
alt=""
/>
<div>{{ item.name.substr(0, 1) }}</div> <div>{{ item.name.substr(0, 1) }}</div>
</div> </div>
<div class="only-text"> <div class="only-text">
<img <img class="img5" src="@/assets/img/result/img5.png" alt="" />
class="img5"
src="@/assets/img/result/img5.png"
alt=""
/>
<div>{{ item.name.substr(1, 1) }}</div> <div>{{ item.name.substr(1, 1) }}</div>
</div> </div>
</div> </div>
</template> </template>
</div> </div>
</template>
<div <div
v-if="nameList.length == 0" v-if="nameList.length == 0"
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment