<!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://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.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>
没有合适的资源?快使用搜索试试~ 我知道了~
完整美团饿了么外卖红包源码
共331个文件
js:85个
vue:67个
wxss:38个
1星 需积分: 26 37 下载量 90 浏览量
2020-11-17
08:39:36
上传
评论 2
收藏 1.06MB ZIP 举报
温馨提示
完整美团饿了么外卖红包前端完整源码,只需要一个配置即可上线,配有安装文档,请在根目录下查看安装文档
资源详情
资源评论
资源推荐
收起资源包目录
完整美团饿了么外卖红包源码 (331个子文件)
uni.css 25KB
uni-nvue.css 2KB
index.css 1KB
hairline.css 884B
ellipsis.css 297B
clearfix.css 56B
theme.css 0B
clearfix.css 0B
hairline.css 0B
ellipsis.css 0B
var.css 0B
local.html 3KB
template.h5.html 2KB
raise.jpeg 39KB
raise.jpeg 39KB
vendor.js 301KB
area.js 235KB
u-charts.js 174KB
uni-list-item.js 44KB
marked.js 39KB
index.js 35KB
user.js 35KB
redflower-showTips.js 33KB
uni-badge.js 33KB
uni-section.js 33KB
uni-icons.js 32KB
link.js 32KB
uni-list.js 32KB
page-foot.js 31KB
main.js 25KB
city.js 25KB
calendar.js 25KB
uLink.js 22KB
page-head.js 20KB
runtime.js 12KB
Request.js 12KB
html-parser.js 10KB
util.js 8KB
amap-wx.js 8KB
permission.js 8KB
airport.js 7KB
bindingx.js 6KB
gestureLock.js 5KB
transition.js 4KB
transition.js 4KB
util.js 4KB
player.js 4KB
authorize.js 4KB
mpother.js 3KB
graceChecker.js 3KB
icons.js 3KB
mpalipay.js 3KB
utils.js 2KB
mpwxs.js 2KB
province.js 2KB
index.js 2KB
index.js 2KB
util.js 2KB
service.js 2KB
wx-canvas.js 2KB
buildURL.js 2KB
index.js 2KB
component.js 1KB
component.js 1KB
main.js 1KB
request.js 1KB
storage.js 1KB
touch.js 1KB
touch.js 1KB
index.js 913B
index.js 913B
utils.js 829B
utils.js 829B
index.js 778B
index.js 778B
buildFullPath.js 701B
open-type.js 699B
open-type.js 699B
basic.js 698B
basic.js 698B
repeater.js 693B
index.js 627B
index.js 627B
isAbsoluteURL.js 570B
message.js 510B
button.js 460B
button.js 460B
behavior.js 405B
behavior.js 405B
popup.js 390B
combineURLs.js 389B
link.js 381B
link.js 381B
color.js 229B
color.js 229B
index.js 170B
index.js 170B
app.js 89B
index.js 62B
index.js 43B
共 331 条
- 1
- 2
- 3
- 4
一只码LaJun
- 粉丝: 79
- 资源: 1
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- C语言基础-C语言编程基础之Leetcode编程题解之第39题组合总和.zip
- C语言基础-C语言编程基础之Leetcode编程题解之第38题外观数列.zip
- C语言基础-C语言编程基础之Leetcode编程题解之第37题解数独.zip
- C语言基础-C语言编程基础之Leetcode编程题解之第36题有效的数独.zip
- C语言基础-C语言编程基础之Leetcode编程题解之第35题搜索插入位置.zip
- index.wxml
- C语言基础-C语言编程基础之Leetcode编程题解之第33题搜索旋转排序数组.zip
- 基于Python实现的手写数字识别系统源码.zip
- 从网页提取禁止转载的文字
- C语言基础-C语言编程基础之Leetcode编程题解之第32题最长有效括号.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论4