lnn-droplet-ui
Version:
59 lines (50 loc) • 1.09 kB
Markdown
## demo
```html
<template>
<div>
<wx-search
v-model="searchContent1">
</wx-search>
<div class="result m-b-20">
<text class="f32">{{searchContent1}}</text>
</div>
<wx-search
v-model="searchContent2"
placeholder="自定义搜索..."
:autofocus="true"
bgColor="#ffc900"
innerBgColor="#fff6d6"
cancelColor="#fff">
</wx-search>
<div class="result m-b-20">
<text class="f32">{{searchContent2}}</text>
</div>
</div>
</template>
<script>
import WxSearch from '../../packages/wx-search/index'
export default {
data () {
return {
searchContent1: '',
searchContent2: ''
}
},
methods: {
},
components: {WxSearch}
}
</script>
<style scoped>
.result {
width: 750px;
height: 40px;
}
.m-b-20 {
margin-bottom: 20px;
}
.f32 {
font-size: 32px;
}
</style>
```