微信小程序可横向滑动展开菜单

微信开发者工具

通过scroll-view组件实现微信小程序的横向菜单可滑动的菜单，并在尾端插入一个图片，通过绑定事件实现点击之后更改view标签属性达到一个展开效果。

通过三元运算符控制组件的css，并通过绑定点击事件更改以此达到点击变色以及点击展开的样式

效果展示

直接上代码(实现效果部分)

home.wxml

<!-- box-shadow阴影效果使菜单突出 -->
<view style="  box-shadow:0px 5px 5px #888888;" class="index" >
<!-- 可滚动视图容器 -->
<scroll-view scroll-x="true"  style="width: 90%;" class="{
  {delshow?'':'scroll-view_H'}} "enhanced="true" show-scrollbar="false">
&