公告列表
公告列表
收藏
回答

这种菜单叫什么？相对的标签是什么？怎么用？求大佬解析



回答关注问题邀请回答
收藏

5 个回答

  • 默
    默
    2021-03-02

    自己用view+image+wxss搭建

    2021-03-02
    有用 2
    回复 4
  • shmily
    shmily
    2021-03-02

    你也可以使用第三方库，例如vant

    2021-03-02
    有用 1
    回复
  • ipeng
    ipeng
    2021-03-02

    view+image标签，wxss建议使用flex进行布局

    2021-03-02
    有用
    回复
  • 绿水青山
    绿水青山
    2021-03-02

    可以使用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);
}


    2021-03-02
    有用
    回复 2
    • 程序员阿鑫
      程序员阿鑫
      2021-03-02
      大佬有没有全面一点的代码..
      2021-03-02
      赞
      回复
    • 绿水青山
      绿水青山
      2021-03-17回复程序员阿鑫
      这还不够清晰，原来是在打广告。😅
      2021-03-17
      赞
      回复
  • 张有釜
    张有釜
    2021-03-02

    view 和 image

    2021-03-02
    有用
    回复 2
    • 程序员阿鑫
      程序员阿鑫
      发表于移动端
      2021-03-02
      没有这种单独标签吗
      2021-03-02
      赞
      回复
    • 张有釜
      张有釜
      2021-03-02回复程序员阿鑫
      这个需要系统看一下前端的内容 如果时间不够 还是用别人已经做好的组件来搭建吗
      2021-03-02
      赞
      回复
请 登录 后发表内容
相关问题
相关文档
问题标签
菜单栏导航栏