暑期实训4-7.6

  1. 在开始添加搜索框时,想用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文件中,添加下面的这句话。
在这里插入图片描述

  1. 显示空格:decode 可以将空格显示
    <text decode>&nbsp;&nbsp;</text>
    在这里插入图片描述

  2. 实现搜索(没有与后台交互)
    参考链接:小程序实现搜索功能
    https://blog.csdn.net/m0_37218227/article/details/107473109
    https://www.jb51.net/article/165226.htm

  3. 实现按钮点击传值
    在这里插入图片描述
    在这里插入图片描述

在函数中,输出传进来的e,从而找到value的路径。
在这里插入图片描述

  1. 实现轮播图
    参考链接:https://www.cnblogs.com/nature-wind8/p/10647756.html
    实现功能后,调整位置和高度,但发现高度调小后,图片只能显示上半部分,无法整体对图片实现缩小,我选择对图片本身进行调整大小,选择合适的高度和宽度。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值