视频直播网站源码，uni-app左右平分九宫格样式

视频直播网站源码，uni-app左右平分九宫格样式

1.template：布局

 

1	<br><template><br>    <view class="content"><br>        <view class="cp-xiangmu" v-for="item in imgs"><br>            <image :src="item.imgurl" class='cp_tupian' mode='widthFix'></image><br>            <text class='cp-biaoti'>{{item.title}}</text><br>        </view><br>    </view><br></template>

​

2.最重要的是style样式

 

1

<br><style><br>    .cp_tupian {<br>        width: 100%;<br>    }<br>    .cp-biaoti {<br>        font-size: 14px;<br>        color: gray;<br>        overflow: hidden;<br>        white-space: nowrap;<br>        text-overflow: ellipsis;<br>    }<br>    .cp-xiangmu {<br>        width: 50%;<br>        display: flex;<br>        padding: 3px;<br>        box-sizing: border-box;<br>        flex-direction: column;<br>    }<br>    .content {<br>        display: flex;<br>        flex-wrap: wrap;<br>    }<br></style>

 

 以上就是 视频直播网站源码，uni-app左右平分九宫格样式，更多内容欢迎关注之后的文章