更新记录

0.02（2019-09-06） 下载此版本

uniapp 添加我的小程序 懒人组件

提示添加我的小程序 懒人组件。点击一次后，就不再显示，觉得不错可以点个赞哦 :+1: 使用环境为 uni-app。

如何获取

github仓库: https://github.com/strugglerx/uniapp_add_tips

props

如何使用

*.vue

<add-tip :tip="tip" :duration="duration"/>

    import addTip from "../../components/struggler-uniapp-add-tip/struggler-uniapp-add-tip"
    export default {
        data() {
            return {
                tip:"我是提示",
                duration:1
            }
        },
        components:{
            addTip
        }
    }

主题色更改

<style lang="scss" scoped>
    $themeColor:#34b5e2; //在这里修改提示框的颜色
    .uni-add-tips-box {
      position: fixed;
      top:0;
      right: 0;
      z-index: 99999;
      opacity: 0.8;
      display: flex;
      justify-content: flex-end;
      align-items: flex-end;
      flex-direction: column;
      width: 600upx;
      animation: opacityC 1s linear infinite;
    }

    ......

</style>

实际效果

反馈问题

如在使用中发现bug或有优化的建议和意见，请发邮件 str@li.cm 或在 gitHub 上反馈。

:zap:wechat:strongdreams

更新日志

2019.9.6 v0.0.2 修正文档
2019.9.6 v0.0.1 创建本插件

0.01（2019-09-06） 下载此版本

uniapp 添加我的小程序 懒人组件

提示添加我的小程序 懒人组件。点击一次后，就不再显示，觉得不错可以点个赞哦 :+1: 使用环境为 uni-app。

如何获取

github仓库: https://github.com/strugglerx/uniapp_add_tips

props

如何使用

*.vue

<add-tip :tip="tip" :duration="duration"/>

    import addTip from "../../components/uni-add-tips/uni-add-tips"
    export default {
        data() {
            return {
                tip:"我是提示",
                duration:1
            }
        },
        components:{
            addTip
        }
    }

主题色更改

<style lang="scss" scoped>
    $themeColor:#34b5e2; //在这里修改提示框的颜色
    .uni-add-tips-box {
      position: fixed;
      top:0;
      right: 0;
      z-index: 99999;
      opacity: 0.8;
      display: flex;
      justify-content: flex-end;
      align-items: flex-end;
      flex-direction: column;
      width: 600upx;
      animation: opacityC 1s linear infinite;
    }

    ......

</style>

实际效果

反馈问题

如在使用中发现bug或有优化的建议和意见，请发邮件 str@li.cm 或在 gitHub 上反馈。

:zap:wechat:strongdreams

更新日志

2019.9.6 v0.0.1 创建本插件

平台兼容性

小程序自定义组件的通用使用方式详见：uni-app中使用小程序自定义组件教程

uniapp 添加我的小程序 懒人组件

提示添加我的小程序 懒人组件。点击一次后，就不再显示，觉得不错可以点个赞哦 :+1: 使用环境为 uni-app。

如何获取

github仓库: https://github.com/strugglerx/uniapp_add_tips

props

如何使用

*.vue

<add-tip :tip="tip" :duration="duration"/>

    import addTip from "../../components/struggler-uniapp-add-tip/struggler-uniapp-add-tip"
    export default {
        data() {
            return {
                tip:"我是提示",
                duration:1
            }
        },
        components:{
            addTip
        }
    }

主题色更改

<style lang="scss" scoped>
    $themeColor:#34b5e2; //在这里修改提示框的颜色
    .uni-add-tips-box {
      position: fixed;
      top:0;
      right: 0;
      z-index: 99999;
      opacity: 0.8;
      display: flex;
      justify-content: flex-end;
      align-items: flex-end;
      flex-direction: column;
      width: 600upx;
      animation: opacityC 1s linear infinite;
    }

    ......

</style>

实际效果

反馈问题

如在使用中发现bug或有优化的建议和意见，请发邮件 str@li.cm 或在 gitHub 上反馈。

:zap:wechat:strongdreams

更新日志

2019.9.6 v0.0.2 修正文档
2019.9.6 v0.0.1 创建本插件