vue使用stylus基本布局
<template>
<div class="recommend">
<!-- -->
<van-loading v-show="isshow" />
<van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad">
<div class="recommend-top">
<img src="https://img11.360buyimg.com/jdphoto/jfs/t1/31601/22/15554/14040/5cc2a86fEbdb1098b/88174b36f85283b6.png" >
</div>
<ul>
<li v-for="(item,i) in ment" :key="i">
<img v-lazy="item.extend.appEntryImage" :key="i" />
<span>{{item.name.title}}</span>
</li>
</ul>
</van-list>
</div>
</template>
<style scoped lang="stylus">
.recommend
margin: 0 0.2rem;
border-radius: 0.5rem;
background: #F0F2F5;
img
width: 100%;
.van-loading
width 1rem
margin .3rem auto
.van-list
ul
width 100%
li
width 48%
height 7.8rem
float left
margin-left .1rem
background-color #ffffff
margin-top .1rem
img
width 100%
span
font-size .4rem
</style>
相关推荐
VLilyLUE 2020-06-11
StylusGalaxy 2020-04-29
前端工程师喻文强 2020-04-27
nicepainkiller 2020-02-23
xuelang 2020-01-16
界之边缘的轮回 2019-12-11
VLilyLUE 2019-12-08
didianmanong 2019-11-17
CaiKanXP 2019-11-10
StylusGalaxy 2019-11-09
flyingbird 2019-11-08
星辰的笔记 2016-04-25
Stylusnebula 2019-08-31
碎冰stylus融 2019-07-01
zhouyl0 2019-07-01
Stylusnebula 2019-07-01
crazestylus 2019-07-01
碎冰stylus融 2019-07-01
沉着前进 2019-06-30