前端开发之uni-app官方插件使用

uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。

uni-app本身是自带内置组件、接口、扩展组件、模板的，相对于使用grace-ui之类的组件存在不兼容的问题，uni-app自带的组件容错率更高(还是存在些许问题的)

示例一

需要的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: ['文章', '关注', '收藏', '积分']
              }
            },
            methods{
                    onClickItem(index) {
                if (this.current !== index) {
                    this.current = index;
                }
            }}
      }
</script>

• 滑动操作

<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>