小程序

当页面配置和全局配置冲突时，优先级最高的就是页面配置。
app.wxss全局样式文件里面定义的选择器，在所有的页面中生效**/

   

结构赋值使用{}===>花括号

Picker是从底部弹起的滚动选择器

Range-key 是选择内容，也就是按照相对应的属性来进行内容选择

Value表示选中了range中的第几个（从下标开始）

    

        标题

        

    

    

        分类

        

            

                {{sections[sectionsActiveIndex].Name}}

            

        

    

    

        答案

        

    

    

        解析

        

    

    添加

bindPickerChange: function (e) {

        //获取下标的分类

        let index = e.detail.value

        //获取对应的分类编号

        this.data.section_id = this.data.sections[index].Id

        //更新选中的下标

        this.setData({

            sectionsActiveIndex: index

        })

    },

其中， sectionsActiveIndex: index里面的冒号可以理解等于号，也就是将数据赋值给了自己定义的一个类似声明的玩意儿。

 e.detail.value===>这串代码所代表的就是数据里的下标排序。

 this.data.section_id====>这是指ID的顺序，this.data.sections[index].Id这个也是代表着ID的顺序，但其中带的id是指获取和下标匹配的对象。

value-key是：选项对象中，文字对应的key

如何引入Vant数据库

小程序的终端，先创建一个package.js文件（npm init(把它变成一个包，先放一个包的描述文件)）（如果文件名是中文，则不能带-y，而且包的文件名不能是大写），然后再在终端输入npm i @vant/weapp -S --production，从而让微信小程序软件支持这个Vant组件的文件，但是小程序并不识别，若要使用，打开小程序右上角的详情按钮，选到本地设置，然后勾选使用npm模块，然后点击左上角的工具按钮，点击里面的npm构建。如果依然不行，则在project.config.js文件里面修改以下两种代码：

"packNpmManually": false,（把false改成true）

"packNpmRelationList": [],（在中括号里面加入："packageJsonPath": "./package.json", "miniprogramNpmDistDir": "./miniprogram/"，这两串代码。）

成功之后接着就是引入Vant文件，在app.json文件里面输入(全局引入（所有的页面都可以用）)

"usingComponents": { "van-button": "@vant/weapp/button/index" }

指定页面 在你指定的js文件里面输入"usingComponents": { "van-button": "@vant/weapp/button/index" }

（vant 详情请见https://youzan.github.io/vant-weapp/#/quickstart）