当前位置: 首页 > article >正文

UniApp项目中 使用微信小程序原生语言 进行开发

看效果

wxcomponents 下放的是微信小程序原生代码写的组件。我进行了封装

在这里插入图片描述

在这里插入图片描述

上干货

在你下uniApp 项目的根目录创建一个 wxcomponents 名字千万不要错 京东、支付宝灯参考下面图片 官方文档也有介绍

在这里插入图片描述

然后在你需要引入原生功能的页面里面引入你的组件(我这里提前已经放过来了。在上面图可看到) 然后打开 pages.json 找到你的页面

{
	// 如果您是通过uni_modules形式引入uView,可以忽略此配置
	"easycom": {
		"^u-(.*)": "@/uni_modules/uview-ui/components/u-$1/u-$1.vue"
	},
	"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
		{
			"path": "pages/index/index",
			"style": {
				"navigationBarTitleText": "首页",
				"usingComponents": {   //调用的微信原生写的功能
					"wxprint": "/wxcomponents/print/index/index"
				}
			}
		}
	], 
	"globalStyle": {
		"navigationBarTextStyle": "black",
		"navigationBarTitleText": "uni-app",
		"navigationBarBackgroundColor": "#F8F8F8",
		"backgroundColor": "#F8F8F8"
	},
	"uniIdRouter": {}
}

然后再你的页面 使用上面注册的组件 就可以了

<view class="u-page">
	<wxprint />
</view>

http://www.kler.cn/a/153971.html

相关文章:

  • webpack配置
  • 计算机网络中的数据包传输机制详解
  • urdf笔记
  • NLP论文速读(谷歌出品)|缩放LLM推理的自动化过程验证器
  • C# 面向对象
  • 华为刷题笔记--题目索引
  • 如何在vs2017及以前版本(vs2010、vs2015)上添加 添加类型库中的MFC类
  • C++作业4
  • 解决了布局问题1和布局问题2,接下来,你的Main函数如果写成下面这样,直接运行,什么也不会显示?
  • java设计模式学习之【建造者模式】
  • TCP网络常见名词
  • 本地navicate连接不上远程mysql主机
  • 基于若依的ruoyi-nbcio流程管理系统增加流程节点配置(三)
  • 【Java Web学习笔记】 2 - CSS入门
  • vue 根据动态生成的form表单的整体的数据回显,赋值及校验和提交
  • 通过转速计算物体的转动弧度(梯形积分法简单应用)
  • 【数据中台】开源项目(3)-DataSphere Studio
  • CentOS 部署 WBO 在线协作白板
  • MySQL 表分区原理详解
  • 自定义类型:结构体、联合、枚举
  • 安科瑞ASCP200系列 DS 型电气防火限流式保护器 充电桩配套用限流式保护 -安科瑞 蒋静
  • TPC通信-BS架构
  • c++ day 4
  • Unity中Shader指令优化(编译后指令解析)
  • J-LINK J-FLASH 下载STM32单片机程序使用教程
  • C++-火车编组