<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>本地网页</title>
<style type="text/css">
.btn {
display: block;
margin: 20px auto;
padding: 5px;
background-color: #007aff;
border: 0;
color: #ffffff;
height: 40px;
width: 200px;
}
.btn-red {
background-color: #dd524d;
}
.btn-yellow {
background-color: #f0ad4e;
}
.desc {
padding: 10px;
color: #999999;
}
</style>
</head>
<body>
<p class="desc">web-view 组件加载本地 html 示例,仅在 App 环境下生效。点击下列按钮,跳转至其它页面。</p>
<div class="btn-list">
<button class="btn" type="button" data-action="navigateTo">navigateTo</button>
<button class="btn" type="button" data-action="redirectTo">redirectTo</button>
<button class="btn" type="button" data-action="navigateBack">navigateBack</button>
<button class="btn" type="button" data-action="reLaunch">reLaunch</button>
<button class="btn" type="button" data-action="switchTab">switchTab</button>
</div>
<p class="desc">网页向应用发送消息。注意:小程序端应用会在此页面后退时接收到消息。</p>
<div class="btn-list">
<button class="btn btn-red" type="button" id="postMessage">postMessage</button>
</div>
<!-- uni 的 SDK -->
<script type="text/javascript" src="https://unpkg.com/@dcloudio/uni-webview-js@0.0.1/index.js"></script>
<script type="text/javascript">
document.addEventListener('UniAppJSBridgeReady', function() {
document.querySelector('.btn-list').addEventListener('click', function(evt) {
var target = evt.target;
if (target.tagName === 'BUTTON') {
var action = target.getAttribute('data-action');
switch (action) {
case 'switchTab':
uni.switchTab({
url: '/pages/tabBar/API/API'
});
break;
case 'reLaunch':
uni.reLaunch({
url: '/pages/tabBar/API/API'
});
break;
case 'navigateBack':
uni.navigateBack({
delta: 1
});
break;
default:
uni[action]({
url: '/pages/component/button/button'
});
break;
}
}
});
document.querySelector("#postMessage").addEventListener('click', function() {
uni.postMessage({
data: {
action: 'message'
}
});
})
});
</script>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
基于Vue和Javascript的会议室预约小程序设计源码

共678个文件
vue:235个
json:95个
png:94个

1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 196 浏览量
2024-05-26
05:25:38
上传
评论
收藏 3.3MB ZIP 举报
温馨提示
本项目是基于Vue和Javascript的会议室预约小程序设计源码,包含716个文件,其中包括235个Vue文件、99个Markdown文档、95个JSON文件、94个PNG图片文件、79个JavaScript文件、41个nvue文件、15个TypeScript文件、14个SCSS文件和10个CSS文件。此外,项目还包括8个wxs文件。该项目是一个会议室预约小程序,通过Vue框架和前端技术实现,旨在为用户提供一个便捷的会议室预约解决方案。
资源推荐
资源详情
资源评论





















收起资源包目录





































































































共 678 条
- 1
- 2
- 3
- 4
- 5
- 6
- 7
资源评论


沐知全栈开发
- 粉丝: 6650
上传资源 快速赚钱
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助


最新资源
- PEAA900中文软件操作规程.docx
- Excel表格通用模板:财务收入支出明细表(自动生成).xls
- 办公室自动化notes系统.ppt
- 大数据架构与关键技术.doc
- 单片机的C语言程序设计与应用-第1章(PPT).ppt
- 单片机实训心得体会11篇.docx
- P2P网站体验报告图文.ppt
- EXCEL数据分析工具PPT课件.ppt
- Excel水印图打印就差这一步.pdf
- SDH数字微波通信系统在电网建设项目的运用.doc
- 2023年华南理工网络学院财务管理综合作业.doc
- HPLC法测定肾炎四味胶囊中黄芩苷的含量.docx
- 第章按服务器配置安装Linux.docx
- 2023年满分答案大数据时代的互联网信息安全.docx
- CP243-1网络口检测.doc
- 2023年专升本-计算机基础全部知识点.doc
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈



安全验证
文档复制为VIP权益,开通VIP直接复制
