cube-ui点击从下往上弹出框 类似加入购物车的动画效果

解析：
参考： https://didi.github.io/cube-ui/#/zh-CN/docs/popup

<cube-popup type="my-popup" :position="position" :mask-closable="true" ref="myPopup4">
      <p  @click="hidePopup1"><i class="iconfont icon-chahao"></i></p>

    </cube-popup>

注意：是个字体图标，导入icon，不会的参考 https://blog.youkuaiyun.com/fengtingYan/article/details/88319344
script

const positions = ['bottom']
let cur = 0

data() {
    return {
      position: ''
    }
  },

showPopup1() {
       this.position = positions[cur++]
      if (cur === positions.length) {
        cur = 0
      }
      const component = this.$refs.myPopup4
      component.show()
    },
    hidePopup1() {
      const component = this.$refs.myPopup4
      component.hide()
    },