uni-app 是一個(gè)使用 Vue.js 開發(fā)跨平臺(tái)應(yīng)用的前端框架，開發(fā)者編寫一套代碼，可編譯到iOS、Android、H5、小程序等多個(gè)平臺(tái)。

uni-app本身是自帶內(nèi)置組件、接口、擴(kuò)展組件、模板的，相對(duì)于使用grace-ui之類的組件存在不兼容的問題，uni-app自帶的組件容錯(cuò)率更高(還是存在些許問題的)

示例一

需要的vue文件在hello uni-app中下載

• 分段器的使用

<template>
<uni-segmented-control :current="current" :values="items" @clickItem="onClickItem" style-type="button" active-color="#4cd964">
            </uni-segmented-control>
</template>
<script>
import uniSegmentedControl from "../../components/uni-segmented-control.vue"
export default {
        components: {
            uniSegmentedControl
        },
                 data(){
                 return{
                items: ['文章', '關(guān)注', '收藏', '積分']
              }
            },
            methods{
                    onClickItem(index) {
                if (this.current !== index) {
                    this.current = index;
                }
            }}
      }
</script>

• 滑動(dòng)操作

<template>
<uni-swipe-action @tap="bindClick()" :options="options">
</uni-swipe-action>
</template>
<script>
import uniSwipeAction from "../../components/uni-swipe-action.vue"
export default {
        components: {
           uniSwipeAction
        }
      }
</script>