1 Star 0 Fork 0

鱼米三香 / vue_dev

Create your Gitee Account
Explore and code with more than 8 million developers,Free private repositories !:)
Sign up
Clone or Download
index.html 2.32 KB
Copy Edit Web IDE Raw Blame History
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>测试Vue.js</title>
<link rel="icon" href="//cn.vuejs.org/images/logo.png" type="image/png">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
<link rel="stylesheet" href="//res.wx.qq.com/open/libs/weui/1.1.0/weui.min.css">
<script src="./vue.js"></script>
<script src="./weui.js"></script>
<link rel="stylesheet" href="./index.css">
</head>
<body ontouchstart>
<div id="app">
<p :class="classList">{{txt}}</p>
<button @mouseover="setTitle('这是测试', $event)" class="weui-btn weui-btn_primary">这个是测试按钮</button>
<div class="weui-cells__title">带图标、说明的列表项</div>
<div class="weui-cells">
<div class="weui-cell" v-for="item in itemList">
<div class="weui-cell__bd">
<p>{{item.txt}}</p>
</div>
<div class="weui-cell__ft">{{item.info}}</div>
</div>
</div>
<div class="weui-btn-area">
<a @click="weuiAlert('55主操作成功啊')" class="weui-btn weui-btn_primary">页面主操作 Normal</a>
<a href="javascript:;" class="weui-btn weui-btn_disabled weui-btn_primary">页面主操作 Disabled</a>
<a @click="weui.confirm('次要操作成功了吗?')" class="weui-btn weui-btn_default">页面次要操作 Normal</a>
<a href="javascript:;" class="weui-btn weui-btn_disabled weui-btn_default">页面次要操作 Disabled</a>
<a @click="weui.alert('看看能否直接调用而不')" class="weui-btn weui-btn_warn">警告类操作 Normal</a>
<a href="javascript:;" class="weui-btn weui-btn_disabled weui-btn_warn">警告类操作 Disabled</a>
<a href="javascript:;" class="weui-btn weui-btn_plain-default">文本按钮默认</a>
<a href="javascript:;" class="weui-btn weui-btn_plain-default weui-btn_plain-disabled">按钮</a>
<a href="javascript:;" class="weui-btn weui-btn_plain-primary">文本按钮主操作</a>
<a href="javascript:;" class="weui-btn weui-btn_plain-primary weui-btn_plain-disabled">按钮</a>
<a href="javascript:;" class="weui-btn weui-btn_mini weui-btn_primary">按钮</a>
<a @click="test('看看能出现')" class="weui-btn weui-btn_mini weui-btn_default">按钮</a>
<a @click="weui.toast('红色操作成功', 3000);" class="weui-btn weui-btn_mini weui-btn_warn">按钮</a>
</div>
</div>
<script src="./app.js"></script>
</body>
</html>
JavaScript
1
https://git.oschina.net/yumisanxiang/vue_dev.git
git@git.oschina.net:yumisanxiang/vue_dev.git
yumisanxiang
vue_dev
vue_dev
master

Search