Commit 6ec57fb2 authored by liujiangnan's avatar liujiangnan

feat

parent 9d944887
...@@ -15,10 +15,20 @@ ...@@ -15,10 +15,20 @@
<script src="//teach.cdn.ireadabc.com/h5template/h5-static-lib/js/element-ui/index.js"></script> <script src="//teach.cdn.ireadabc.com/h5template/h5-static-lib/js/element-ui/index.js"></script>
</head> </head>
<body> <body>
<div class="edit-data"> <div class="edit-data" id="edit-data">
<!-- 简单的例子,一个输入框+一个按钮,保存输入框的信息 --> <el-form :model="data" label-width="80px">
test: <input type="text" name="test" /> <el-form-item label="选择字母">
<input id="save" type="button" value="保存" > <el-select v-model="data.letter" placeholder="请选择字母" @change="save">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
</el-form-item>
<el-form-item label="大写">
<el-checkbox v-model="data.upperCase" @change="save"></el-checkbox>
</el-form-item>
<el-form-item label="小写">
<el-checkbox v-model="data.lowerCase" @change="save"></el-checkbox>
</el-form-item>
</el-form>
</div> </div>
</body> </body>
<script src="./index.js"></script> <script src="./index.js"></script>
......
...@@ -10,26 +10,37 @@ var uploadData = window.courseware.uploadData(); //上传文件必须要的参 ...@@ -10,26 +10,37 @@ var uploadData = window.courseware.uploadData(); //上传文件必须要的参
*/ */
//对应模板的名称,这个可以不写,但是最好是能写上,同时开发多个模板的情况下如果不写这个,本地缓存可能会存在混乱 //对应模板的名称,这个可以不写,但是最好是能写上,同时开发多个模板的情况下如果不写这个,本地缓存可能会存在混乱
var key = "h5_test"; var key = "yl01";
$(function(){ new Vue({
window.courseware.getData(function(data){ el: '#edit-data',
//数据加载完,才算页面加载完成 created() {
//获取数据 window.courseware.getData((dt) => {
if(data&&data.test){ this.data = dt;
$("[name='test']").val(data.test); },key);
} // window['air'].getUploadCallback = (url, data) => {
// this.uploadUrl = url;
//绑定点击事件 // this.uploadData = data;
$('#save').on('click',function(){ // };
var test = $("[name='test']").val(); },
data() {
//保存新增或修改的数据 return {
window.courseware.setData({test: test},function(){ //封面上传相关
//保存数据也是异步的 data: {
alert("保存成功!"); letter: '',
},key); upperCase: false,
lowerCase: false
}) },
},key); options: [
}) {label: 'A', value: 'A'},
\ No newline at end of file ]
}
},
methods: {
save() {
window.courseware.setData(this.data,() => {
this.$message.success('保存成功!');
},key);
}
}
});
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment