- 在开始添加搜索框时,想用we-ui的组件库,之前使用npm引入,但多次使用不成功,查找发现,因为我的文件夹中没有package.json,
开发者工具创建的项目,miniprogramRoot默认为 miniprogram,package.json在其外部,npm 构建无法正常工作。
需要手动在 project.config.json内添加如下配置,使开发者工具可以正确索引到 npm 依赖的位置。
{
...
"setting": {
...
"packNpmManually": true,
"packNpmRelationList": [
{
"packageJsonPath": "./package.json",
"miniprogramNpmDistDir": "./miniprogram/"
}
]
}
}
之后也还是不能使用,决定使用useExtendedLib.
如果要使用搜索框,在json文件中,添加下面的这句话。
-
显示空格:decode 可以将空格显示
<text decode> </text>
-
实现搜索(没有与后台交互)
参考链接:小程序实现搜索功能
https://blog.csdn.net/m0_37218227/article/details/107473109
https://www.jb51.net/article/165226.htm -
实现按钮点击传值
在函数中,输出传进来的e,从而找到value的路径。
- 实现轮播图
参考链接:https://www.cnblogs.com/nature-wind8/p/10647756.html
实现功能后,调整位置和高度,但发现高度调小后,图片只能显示上半部分,无法整体对图片实现缩小,我选择对图片本身进行调整大小,选择合适的高度和宽度。