当前位置：公众IT > 技术文章 > 以前学的，忘了，跪求解答，首页选项怎么做？

以前学的，忘了，跪求解答，首页选项怎么做？

新闻来源：互联网资料整理发布时间：2023/4/5 13:49:27 共计：4620 浏览

前言：

2小时前小编发现微信小程序用户：【a松涛】提出了一个关于“以前学的，忘了，跪求解答，首页选项怎么做？”的问题,在问题中开发者a松涛对该问题做了如下阐述：

问题类型：

API和组件:

问题描述：

求求大家帮我看看，错在哪里了？结构文件index.wxml

<view>

<scroll-view class=”left-navbar” scroll-y>

<view wx:for=”{{navitems}}” class=”{{curNav == index? `active` : “}}” bindtop=”leftclick” data-index=”{{index}}”>{{item}}</view>

</scroll-view>

<scroll-view class=”right” scroll-y>

  <image style=”height: 25%;” src=”/pages/images/4.jpg“></image>

  <view wx:for=”{{navitems}}”>{{item}}</view>

</scroll-view>

</view>

格式文件index.wxss

.left-navbar view{

height: 80rpx;

line-height: 80rpx;

text-align: center;

}

.active{

  background-color: #fff;

  color: red;

  font-size: 17px;

}

.right {

  position: absolute;

  right: 0;

  width: 75%;

  height: 100%;

  background-color: rgb(241, 203, 209);

  font-size: 15px;

}

方法文件index.js

Page({

  data: {

    navitems: [`手表`, `手表`, `手表`, `手表`, `手表`, `手表`, `手表`, `手表`, `手表`, `手表`, `手表`, `手表`, `手表`, `手表`, `手表`, `手表`, `手表`, `手表`, `手表`, `手表`, `手表`, `手表`, `手表`, `手表`, ]

  },

  curNav:0,

  leftclick:function(e){

    var index = e.target.dataset.index

console.log(index)

this.setData({

  curNav:index

})

  },