这种菜单叫什么?相对的标签是什么?怎么用?求大佬解析What is this menu called? What is the relative label? how to use? Ask the big guy to analyze
这种菜单叫什么?相对的标签是什么?怎么用?求大佬解析
回答:
可以使用weui里面的grid进行修改;或者自己写;
线是写在::before ::after里的;
<view class="weui-grids"> <view class="weui-grid"> <view class="weui-grid__icon"> <image src="../images/icon_tabbar.png" alt></image> </view> <view class="weui-grid__label">Grid</view> </view> <view class="weui-grid"> <view class="weui-grid__icon"> <image src="../images/icon_tabbar.png" alt></image> </view> <view class="weui-grid__label">Grid</view> </view> <view class="weui-grid"> <view class="weui-grid__icon"> <image src="../images/icon_tabbar.png" alt></image> </view> <view class="weui-grid__label">Grid</view> </view> <view class="weui-grid"> <view class="weui-grid__icon"> <image src="../images/icon_tabbar.png" alt></image> </view> <view class="weui-grid__label">Grid</view> </view> </view>
.weui-grid:before { content: " "; position: absolute; right: 0; top: 0; width: 1px; bottom: 0; border-right: 1px solid rgba(0,0,0,0.1); border-right: 1px solid var(--weui-FG-3); color: rgba(0,0,0,0.1); color: var(--weui-FG-3); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scaleX(0.5); transform: scaleX(0.5);}.weui-grid:after { content: " "; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; border-bottom: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid var(--weui-FG-3); color: rgba(0,0,0,0.1); color: var(--weui-FG-3); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
view 和 image
自己用view+image+wxss搭建