小程序系列之tabBar

小程序系列之tabBar,第1张

虽然在appjson里面设置tabBar很方便。但是也有弊端。如果是每个页面都需要有这个tabBar的话,显然用原生的就不能满足这个需求了。因此我们需要第二种方案。

此处我是放在了components文件夹里面,后期有公用的组件都可以放在里面

由于用了组件库,所以此处要同时引入组件库的样式

此时,哪个页面要用 就直接执行最后一步使用组件库就好了。

需要引入第三方UI组件  Vant-Weapp

打开终端,输入cd 拖拽项目文件到终端,然后输入命令npm init

此时,输入package name名称,一直点回车就行

出现Is this OK(yes),直接回车即可

在终端输入命令npm i vant-weapp -S --production

在回过头看,在微信小程序开发工具中会多一个文件packagejson,在这里面就可以进行包的配置。

这个时候可以在项目文件夹中看见一个新生成的文件夹miniprogram_npm,其中就有我们刚刚安装好的vant组件库

这里要注意,一定是将引入的第三方组件写入“usingComponents”的字典中,如果写成平级的话,会提示pagejson [vant-button]无效

<vant-button type="danger">微信登陆</vant-button>

话不多说,记录一下这个框架的使用~小程序使用轻量、可靠的小程序 UI 组件库 vant-weapp

Github源码: >

微信小程序商城类数据库包括:

1、用户信息表,用于存储用户的基本信息,如用户名,手机号,密码,头像等。

2、商品信息表,用于存储商品的基本信息,如商品名称,价格,描述,等。

3、订单信息表,用于存储订单的基本信息,如订单号,下单用户,商品信息,价格等。

4、收货地址表,用于存储用户收货地址信息,如收货人姓名,收货地址,联系电话等。

5、商品分类表,用于存储商品分类的基本信息,如分类名称,分类等。

6、商品属性表,用于存储商品属性的基本信息,如属性名称,属性值等。

7、购物车表,用于存储用户购物车信息,如用户ID,商品ID,商品数量等。

8、优惠券表,用于存储优惠券信息,如优惠券类型,优惠价格等。

9、评价表,用于存储商品评价信息,如评价内容,评分等。

调到25%合适。

微信小程序如何调整基础库:

1登录微信小程序后台。

2点击左侧的菜单导航,打开设置界面。

3设置界面下拉,找到基础库最低版本设置那里,点击设置按钮。

4设置最低基础库版本d窗界面,会显示微信所有基础库版本,以及受影响用户UV占比(近30天内访问小程序的用户的公共库版本小于所选版本的占比),点击左右按钮来翻页查看。

5根据官方提供的数据也没法确定访问用户的最低版本。那就设置一个我们用的大部分api都能支持的版本吧,如230就可以了。

6最低版本库设置成功,可以找一个微信版本比较低的访问小程序试试看了。

以上就是关于小程序系列之tabBar全部的内容,包括:小程序系列之tabBar、微信小程序引入第三方UI组件、微信小程序-vant-weapp日历组件的使用(年月日)等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/10125255.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-05
下一篇 2023-05-05

发表评论

登录后才能评论

评论列表(0条)

保存