橙橙楊
5 years ago
committed by
潘啟华
parent
56365eb730
commit
69f39539ef
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,62 @@ |
||||
<template> |
||||
<view> |
||||
<view class="uni-padding-wrap uni-common-mt"> |
||||
<view class="uni-form-item uni-column"> |
||||
|
||||
<view class="weui-cells weui-cells_after-title" v-for="(group,index) in groups" :key="index"> |
||||
<button url="" class="weui-cell weui-cell_access" hover-class="weui-cell_active" @click="loadGroup(group)"> |
||||
<view class="weui-cell__bd">{{group.name}}</view> |
||||
<view class="weui-cell__ft weui-cell__ft_in-access"></view> |
||||
</button> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
name: "baike", |
||||
data:function () { |
||||
return { |
||||
title:"垃圾分类百科", |
||||
groups:[ |
||||
{ |
||||
name:"可回收垃圾", |
||||
icon:"", |
||||
type:1 |
||||
}, |
||||
{ |
||||
name:"有害垃圾", |
||||
icon:"", |
||||
type:2 |
||||
}, |
||||
{ |
||||
name:"湿垃圾", |
||||
icon:"", |
||||
type:4 |
||||
}, |
||||
{ |
||||
name:"干垃圾", |
||||
icon:"", |
||||
type:8 |
||||
}, |
||||
{ |
||||
name:"大件垃圾", |
||||
icon:"", |
||||
type:16 |
||||
} |
||||
] |
||||
} |
||||
}, |
||||
methods:{ |
||||
loadGroup:function (group) { |
||||
console.info("选中"+group.name) |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped> |
||||
|
||||
</style> |
||||
@ -0,0 +1,75 @@ |
||||
<template> |
||||
<view> |
||||
<view class="uni-padding-wrap uni-common-mt"> |
||||
|
||||
<view class="uni-form-item uni-column"> |
||||
|
||||
<text class="title uni-center">从文本框输入垃圾关键字查询</text> |
||||
<view class="weui-cells weui-cells_after-title"> |
||||
<view class="weui-cell "> |
||||
<view class="weui-cell__bd"> |
||||
<input class="weui-input" v-model="textValue" placeholder="请输入垃圾关键字" @input="changeTextQuery" /> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
|
||||
<view class="uni-flex uni-column"> |
||||
<text class="title uni-center">点击图标拍照查询</text> |
||||
<view class="flex-item flex-item-V uni-center"> |
||||
<image class="photo" @click="chooseImage"></image> |
||||
</view> |
||||
</view> |
||||
|
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
name: "query", |
||||
data:function(){ |
||||
return { |
||||
title:"垃圾分类查询", |
||||
textValue:"" |
||||
} |
||||
}, |
||||
methods:{ |
||||
changeTextQuery:function () { |
||||
console.info("文本查询值："+this.textValue) |
||||
}, |
||||
chooseImage:function () { |
||||
console.info("拍照查询") |
||||
uni.authorize({ |
||||
scope:"scope.camera", |
||||
success:function () { |
||||
console.info("摄像头调用成功") |
||||
uni.chooseImage({ |
||||
sourceType:["camera"], |
||||
success:function (obj) { |
||||
console.info("拍照成功，照片路径"+obj.tempFilePaths[0]) |
||||
}, |
||||
fail:function () { |
||||
console.error("拍照失败") |
||||
} |
||||
}) |
||||
}, |
||||
fail:function () { |
||||
console.error("授权摄像头权限失败，请刷新页面重新授权") |
||||
} |
||||
}) |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped> |
||||
.photo{ |
||||
background-image:url("~@/static/photo.png"); |
||||
background-size: 100% 100%; |
||||
width: 100%; |
||||
} |
||||
text{ |
||||
font-size: 15px; |
||||
} |
||||
</style> |
||||
@ -0,0 +1,91 @@ |
||||
<template> |
||||
<view> |
||||
<view class="uni-padding-wrap uni-common-mt" v-if="isLoad"> |
||||
|
||||
<view v-for="(question,q_index) in questions" :key="q_index" class="question uni-flex uni-column"> |
||||
<text class="title uni-center">{{question.question}}</text> |
||||
<radio-group> |
||||
<label class="uni-list-cell uni-list-cell-pd" v-for="(answer,a_index) in question.answers" :key="a_index"> |
||||
<view> |
||||
<radio :value="a_index"/> |
||||
</view> |
||||
<view>{{answer}}</view> |
||||
</label> |
||||
</radio-group> |
||||
</view> |
||||
|
||||
<view class="uni-flex uni-row button-group question"> |
||||
<view class="flex-item"> |
||||
<button type="primary" @click="submit">提交答卷</button> |
||||
</view> |
||||
<view class="flex-item"> |
||||
<button type="primary" class="reset" @click="reset">重置答卷</button> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
name: "question", |
||||
data: function () { |
||||
return { |
||||
title: "垃圾百科测验", |
||||
questions:[], |
||||
isLoad:false |
||||
} |
||||
}, |
||||
methods:{ |
||||
reset:function () { |
||||
uni.reLaunch({ |
||||
url: 'question' |
||||
}); |
||||
}, |
||||
submit:function () { |
||||
console.info("提交答卷") |
||||
} |
||||
}, |
||||
onShow:function(){ |
||||
console.info("加载试题中") |
||||
uni.showLoading({ |
||||
title:"加载试题中" |
||||
}) |
||||
let _this=this |
||||
console.info(_this) |
||||
setTimeout(function () { |
||||
_this.questions=[ |
||||
{ |
||||
question: "测试问题?", |
||||
answers: ["答案1", "答案2", "答案3", "答案4"] |
||||
}, |
||||
{ |
||||
question: "测试问题?", |
||||
answers: ["答案1", "答案2", "答案3", "答案4"] |
||||
}, |
||||
{ |
||||
question: "测试问题?", |
||||
answers: ["答案1", "答案2", "答案3", "答案4"] |
||||
} |
||||
] |
||||
_this.isLoad=true |
||||
uni.hideLoading() |
||||
},1000) |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped> |
||||
.uni-list-cell { |
||||
justify-content: flex-start |
||||
} |
||||
.question{ |
||||
margin-top:10px; |
||||
} |
||||
.reset{ |
||||
margin-left: 20px; |
||||
} |
||||
.button-group{ |
||||
justify-content: center; |
||||
} |
||||
</style> |
||||
|
After Width: | Height: | Size: 11 KiB |
Binary file not shown.
Loading…
Reference in new issue