xiangshan
/
yxdth5
22
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add new

This commit is contained in:
liuyalei 2023-12-07 09:46:28 +08:00
parent e09ce20561
commit 3e6384f6d9
1 changed files with 34 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
src/App.vue
View File

@ -32,20 +32,42 @@ let bt_data=reactive([{btname:'优惠服务',imgurl:s1,simgurl:sl1},{btname:'生
<div class="bottom"> <div class="bottom">
<div class="bt_itm" v-for="(v, i) in bt_data" :key="i"> <div class="bt_itm" v-for="(v, i) in bt_data" :key="i">
<img :src="v.imgurl" alt=""> <img :src="v.imgurl" alt="">
<img :src="v.simgurl" alt=""> <!-- <img :src="v.simgurl" alt=""> -->
<span>{{ v.btname }}</span> <span>{{ v.btname }}</span>
</div> </div>
</div> </div>
</template> </template>
<style > <style lang="scss">
*{padding: 0px;} * {
padding: 0px;
}
.bottom { .bottom {
background-color: #fff;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-around;
.bt_itm {
display: flex;
flex-direction: column;
justify-content: center; justify-content: center;
align-items: center;
img {
width: 24px;
height: 24px;
} }
span {
font-size: 10px;
font-family: PingFang SC, PingFang SC;
font-weight: 400;
color: #999999;
}
}
}
/* header { /* header {
line-height: 1.5; line-height: 1.5;
max-height: 100vh; max-height: 100vh;
@ -106,5 +128,4 @@ nav a:first-of-type {
padding: 1rem 0; padding: 1rem 0;
margin-top: 1rem; margin-top: 1rem;
} }
} */ } */</style>
</style>