微信小程序引入weui

这篇具有很好参考价值的文章主要介绍了微信小程序引入weui。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、执行步骤

1.根目录下执行

npm init -y
npm install --save weui-miniprogram --production
npm install express

2.文件配置

project.config.json

找到 packNpmManually 和 packNpmRelationList 修改成如下内容:

"packNpmManually": true,
"packNpmRelationList": [
  {
    "packageJsonPath": "./package.json",
    "miniprogramNpmDistDir": "./miniprogram/"
  }
],

根目录下 app.wxss 引入 weui

@import 'weui-miniprogram/weui-wxss/dist/style/weui.wxss';

3.工具栏-工具-构建npm

weui怎么引入,小程序,前端

4.引入需要使用的包

index.json

{
  "usingComponents": {
    "mp-dialog": "weui-miniprogram/dialog/dialog"
  }
}

 index.wxml

<mp-dialog title="test" show="{{true}}" bindbuttontap="tapDialogButton" buttons="{{buttons}}">
    <view>test content</view>
  </mp-dialog>

 文章来源地址https://www.toymoban.com/news/detail-684972.html

到了这里,关于微信小程序引入weui的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序引入腾讯地图图解

    一、准备工作 1.小程序 (qq.com)进入网址注册属于自己的小程序: 填写信息-登录邮箱激活-信息登记 2.完成后,就会进入这个页面 3.在小程序管理后台 - 开发 - 开发管理 - 开发设置 - “服务器域名” 中设置request合法域名,添加https://apis.map.qq.com 注意此处的开发者ID-小程序ID在下

    2024年02月03日
    浏览(37)
  • 微信小程序引入外部icon

    阿里矢量库:iconfont-阿里巴巴矢量图标库 选中相应的图标 添加图标到购物车(多个图标)      ​​​​​  添加项目  下载本地  解压转换—-》 转化网站:Online @font-face generator — Transfonter 文件复制指引  矢量库文件中的内容被转换的文件内容替换,之后总文件在到w

    2024年02月09日
    浏览(37)
  • 微信小程序如何引入Iconfont

    在小程序中引入 Iconfont 可以通过以下步骤进行操作: 打开 Iconfont 网站(https://www.iconfont.cn/)并登录账号,创建一个项目并添加所需的图标到项目中。 在项目中选中需要使用的图标,点击右上角的 “下载代码” 按钮。 下载生成的项目包,解压后可以看到一个名为 `iconfont.

    2024年02月14日
    浏览(42)
  • 微信小程序引入和风天气图标库

    npm导入和风天气的图标库后使用没有效果,就在网上查询了下怎么解决,然后动手尝试一下。 参考文章 1. 下载图标文件(链接),解压后大致这样 2. 在transfonter网站将需要的图标字体转成Base64,在fontfonts文件下 选择上传 下载 3. 解压后把stylesheet.css复制到小程序的某个文件夹下

    2024年02月04日
    浏览(41)
  • 微信小程序使用字体图标——链接引入

    目录 1.下载字体图标  1.选择需要的图标加入购物车添加到项目 2.查看项目  3.生成在线链接   4.复制生成的链接 等下放到iconfont.json中​编辑 2.引入链接 1.下载  2.生成iconfont.json文件 3. 在iconfont.json中 放入生成的链接 4.需要重新编译小程序之后在终端执行 5.在app.json中引入字

    2024年02月16日
    浏览(70)
  • 微信小程序配置绝对路径引入文件

    微信小程序默认使用相对路径引入文件 在多层文件夹时需要很长前缀 const { ClueApi } = require(\\\'../../../../utils/api.js\\\') 配置方法 在app.json里面配置  \\\"resolveAlias\\\": {     \\\"@/*\\\": \\\"/*\\\"   } 在页面使用  const { ClueApi } = require(\\\"@/utils/api\\\");

    2024年02月12日
    浏览(34)
  • 微信小程序-引入地图、获得经纬度

    实际这是一个获得经纬度的方法,但是有了经纬度可以做很多事情 点击按钮跳转到一个单独的页面(地图,可导航) 在页面内嵌一个独立的小区域 首先可看一下腾讯地图官方文档 微信小程序JavaScript SDK | 腾讯位置服务 最基本:先引入js,获得key, js文件:https://mapapi.qq.com

    2024年02月10日
    浏览(36)
  • 微信小程序weui的引入及使用

    提示:这种方式引入的组件将不计入代码包的大小 微信基础库在2.2.1 以上(包含)可以直接在app.json 里面配置就可以 在使用组件的页面的 json 文件加入 usingComponents 配置字段 引用 进入小程序项目根目录,执行命令 npm init 创建 package.json 文件 注意:一开始是没有的 package.js

    2024年02月03日
    浏览(36)
  • uniapp引入微信小程序直播组件

    在manifest.json配置即可,与直接在小程序代码中引入相同。 在工程的manifest.json文件中引入直播插件 通过直播间列表接口查询直播间列表,显示在小程序中 点击直播间,跳转到小程序直播组件即可 未整理参考 未整理参考 未整理参考

    2024年02月22日
    浏览(33)
  • 微信小程序引入广告位功能,详细步骤!!!

    大家碰到过首页加载时一开始出现的广告页面,这种微信官方提供了一个api进行设置,下面我们来详细解释一下。 首先第一步需要小程序累计用户数达到1000即可开通流量主,成功开通流量主之后就可以创建相应的广告位了,包括banner广告、激励广告、插屏广告、和封面广告

    2024年02月09日
    浏览(44)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包