【uni-app 左边文字右边图片(图标),还有底部边框线(布局)】

uni-app 左边文字右边图片(图标),还有底部边框线(布局)

在这里插入图片描述

1.布局里的样式都在这里:博主的基本样式

(1)其他如果不是特别的样式就是写在标签里,一般不多,
(2)i开头的样式只是为了让自己知道这是一整块的,可复制可循环的。
(3)如果是特殊的样式还是得好好命名在css里写的
(4)怎么使用图标

<view class="imo rel fle_ali pad_l25 bot_eee" style="height: 100rpx;">
				<view class="" >
					<text>更多</text>
				</view>
				<view class="abs_rig_cen fle" >
					<view class="  iconfont fle_all pad_l25" >
						<text class="fon_4 col_c">&#xe7a7;</text>
					</view>
				</view>
			
			</view>

2.有链接布局

			<navigator url="../memo3/memo3">
			<view class="imo rel fle_ali pad_l25 bot_eee" style="height: 100rpx;">
				<view class="" >
					<text>更多</text>
				</view>
				<view class="abs_rig_cen fle" >
					<view class="">
						<text>(查看)</text>
					</view>
					<view class="  iconfont fle_all pad_l25" >
						<text class="fon_4 col_c">&#xe7a7;</text>
					</view>
				</view>
			
			</view></navigator>

完成!

猜你喜欢

转载自blog.csdn.net/TChildeSeven/article/details/107715251