添加我的小程序 - 更新日志

0.02(2019-09-06)

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

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

如何获取

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

props

参数 描述 类型 默认值
tip 提示 string 点击「添加小程序」,下次访问更便捷
duration 显示时间(单位s) number 5

如何使用

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

参数 描述 类型 默认值
tip 提示 string 点击「添加小程序」,下次访问更便捷
duration 显示时间(单位s) number 5

如何使用

*.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 创建本插件