init
This commit is contained in:
1
wx05cb767e6530b48f/components/shortcut/shortcut.js
Normal file
1
wx05cb767e6530b48f/components/shortcut/shortcut.js
Normal file
@@ -0,0 +1 @@
|
||||
var t=getApp();Component({options:{multipleSlots:!0},properties:{title:{type:String,value:"弹窗标题"}},data:{isShow:!1,transparent:!0},methods:{_onToggleShow:function(t){this.setData({isShow:!this.data.isShow,transparent:!1})},_onTargetPage:function(a){var e=t.getTabBarLinks();wx.switchTab({url:"/"+e[a.detail.target.dataset.index]})}}});
|
||||
1
wx05cb767e6530b48f/components/shortcut/shortcut.json
Normal file
1
wx05cb767e6530b48f/components/shortcut/shortcut.json
Normal file
@@ -0,0 +1 @@
|
||||
{"component":true,"usingComponents":{}}
|
||||
22
wx05cb767e6530b48f/components/shortcut/shortcut.wxml
Normal file
22
wx05cb767e6530b48f/components/shortcut/shortcut.wxml
Normal file
@@ -0,0 +1,22 @@
|
||||
<view class="shortcut">
|
||||
<form bindsubmit="_onTargetPage">
|
||||
<button class="nav-item btn-normal {{isShow?'show_60':transparent?'':'hide_60'}}" data-index="0" formType="submit">
|
||||
<text class="iconfont icon-home"></text>
|
||||
</button>
|
||||
</form>
|
||||
<form bindsubmit="_onTargetPage">
|
||||
<button class="nav-item btn-normal {{isShow?'show_40':transparent?'':'hide_40'}}" data-index="2" formType="submit">
|
||||
<text class="iconfont icon-cart"></text>
|
||||
</button>
|
||||
</form>
|
||||
<form bindsubmit="_onTargetPage">
|
||||
<button class="nav-item btn-normal {{isShow?'show_20':transparent?'':'hide_20'}}" data-index="3" formType="submit">
|
||||
<text class="iconfont icon-profile"></text>
|
||||
</button>
|
||||
</form>
|
||||
<form bindsubmit="_onToggleShow">
|
||||
<button class="nav-item nav-item__switch btn-normal {{isShow?'shortcut_click_show':''}}" formType="submit">
|
||||
<text class="iconfont icon-daohang"></text>
|
||||
</button>
|
||||
</form>
|
||||
</view>
|
||||
1
wx05cb767e6530b48f/components/shortcut/shortcut.wxss
Normal file
1
wx05cb767e6530b48f/components/shortcut/shortcut.wxss
Normal file
@@ -0,0 +1 @@
|
||||
@import "/utils/common.wxss";.shortcut{bottom:250rpx;line-height:1;position:fixed;right:12px;z-index:5}.nav-item,.shortcut{border-radius:50%;width:76rpx}.nav-item{background:rgba(0,0,0,.4);bottom:0;color:#fff;height:76rpx;line-height:76rpx;opacity:0;padding:0;position:absolute;text-align:center;transform:rotate(0deg)}.nav-item text{font-size:40rpx}.nav-item__switch{opacity:1}.shortcut_click_show{background:#ff5454;margin-bottom:0}.show_80{animation:show_80 .3s forwards;bottom:384rpx}.show_60{animation:show_60 .3s forwards;bottom:288rpx}.show_40{animation:show_40 .3s forwards;bottom:192rpx}.show_20{animation:show_20 .3s forwards;bottom:96rpx}@-webkit-keyframes show_20{from{bottom:0;opacity:0;transform:rotate(0deg)}to{bottom:96rpx;opacity:1;transform:rotate(1turn)}}@keyframes show_20{from{bottom:0;opacity:0;transform:rotate(0deg)}to{bottom:96rpx;opacity:1;transform:rotate(1turn)}}@-webkit-keyframes show_40{from{bottom:0;opacity:0;transform:rotate(0deg)}to{bottom:192rpx;opacity:1;transform:rotate(1turn)}}@keyframes show_40{from{bottom:0;opacity:0;transform:rotate(0deg)}to{bottom:192rpx;opacity:1;transform:rotate(1turn)}}@-webkit-keyframes show_60{from{bottom:0;opacity:0;transform:rotate(0deg)}to{bottom:288rpx;opacity:1;transform:rotate(1turn)}}@keyframes show_60{from{bottom:0;opacity:0;transform:rotate(0deg)}to{bottom:288rpx;opacity:1;transform:rotate(1turn)}}@-webkit-keyframes show_80{from{bottom:0;opacity:0;transform:rotate(0deg)}to{bottom:384rpx;opacity:1;transform:rotate(1turn)}}@keyframes show_80{from{bottom:0;opacity:0;transform:rotate(0deg)}to{bottom:384rpx;opacity:1;transform:rotate(1turn)}}.hide_80{animation:hide_80 .3s}.hide_60,.hide_80{bottom:0;opacity:0}.hide_60{animation:hide_60 .3s}.hide_40{animation:hide_40 .3s}.hide_20,.hide_40{bottom:0;opacity:0}.hide_20{animation:hide_20 .3s}@-webkit-keyframes hide_20{from{bottom:96rpx;opacity:1;transform:rotate(1turn)}to{bottom:0;opacity:0;transform:rotate(0deg)}}@keyframes hide_20{from{bottom:96rpx;opacity:1;transform:rotate(1turn)}to{bottom:0;opacity:0;transform:rotate(0deg)}}@-webkit-keyframes hide_40{from{bottom:192rpx;opacity:1;transform:rotate(1turn)}to{bottom:0;opacity:0;transform:rotate(0deg)}}@keyframes hide_40{from{bottom:192rpx;opacity:1;transform:rotate(1turn)}to{bottom:0;opacity:0;transform:rotate(0deg)}}@-webkit-keyframes hide_60{from{bottom:288rpx;opacity:1;transform:rotate(1turn)}to{bottom:0;opacity:0;transform:rotate(0deg)}}@keyframes hide_60{from{bottom:288rpx;opacity:1;transform:rotate(1turn)}to{bottom:0;opacity:0;transform:rotate(0deg)}}@-webkit-keyframes hide_80{from{bottom:384rpx;opacity:1;transform:rotate(1turn)}to{bottom:0;opacity:0;transform:rotate(0deg)}}@keyframes hide_80{from{bottom:384rpx;opacity:1;transform:rotate(1turn)}to{bottom:0;opacity:0;transform:rotate(0deg)}}
|
||||
Reference in New Issue
Block a user