yzx 7b74eaab9c yxy代码 10 месяцев назад
..
pages 7b74eaab9c yxy代码 10 месяцев назад
changelog.md 7b74eaab9c yxy代码 10 месяцев назад
package.json 7b74eaab9c yxy代码 10 месяцев назад
readme.md 7b74eaab9c yxy代码 10 месяцев назад

readme.md

q-sign 页面插件

使用方法

1、导入插件

2、HBuilderX 3.5.0+ 在插件导入工程时,会弹出一个合并页面路由的pages.json修改界面。插件使用者点击确认按钮即可完成插件页面向项目pages.json的注册。

3、如果导入项目时没有弹出合并路由或者点击了取消,请手动在pages.json注册,代码如下

{
	"path": "uni_modules/q-sign/pages/q-sign",
	"style": {
		"navigationBarTitleText": "签名"
		}
	}

vue2 写法

<template>
	<text class="title" @click="goSign('worker1')">去签名1</text>
	<text class="title" @click="goSign('worker2')">去签名2</text>
</template>

<script>
	export default {
		data() { 
			return {}
		},
		onLoad() {
			// 监听生成签字的图片地址
			uni.$on('q-sign',data =>{
				console.log('data',data);
				// data.tempFilePath 是图片的base64位路径
				// data.name 是用来区分是哪个签名,因为可能存在多个签名
			})
		},
		onUnload() {
			uni.$off('q-sign') //移除监听事件
		},
		methods: {
			// 去签名  参数name用来区分是哪个签名
			goSign(worker){
				uni.navigateTo({
					url:'/uni_modules/q-sign/pages/q-sign?name=' + worker
				})
			}
		}
	}
</script>

vue3 写法

<template>
	<text class="title" @click="goSign('worker1')">去签名1</text>
	<text class="title" @click="goSign('worker2')">去签名2</text>
</template>

<script setup>
	import { onLoad,onUnload } from '@dcloudio/uni-app'
	onLoad(()=>{
		// 监听生成签字的图片地址
		uni.$on('q-sign',data =>{
			console.log('data',data);
			// data.tempFilePath 是图片的base64位路径
			// data.name 是用来区分是哪个签名,因为可能存在多个签名
		})
	})
	onUnload(()=>{
		uni.$off('q-sign') //移除监听事件
	})
	
	const goSign = (worker) =>{
		uni.navigateTo({
			url:'/uni_modules/q-sign/pages/q-sign?name=' + worker
		})
	}
</script>


如有问题请加qq 965969604