leave-unused/components/release-btn/release-btn.vue

58 lines
1.0 KiB
Vue
Raw Normal View History

2022-11-28 07:21:53 +00:00
<template>
<view class="release-btn background-blue color-ff radius100 flex" @tap="goRelease">
<image class="img" src="/static/icon-release.png" mode="widthFix"></image>
</view>
</template>
<script>
import { mapState } from 'vuex'; //引入mapState
export default {
name:'release-btn',
data() {
return {
};
},
mounted() {
},
methods:{
// 发布商品
goRelease(){
if(this.$toolAll.tools.judgeAuth()) {
uni.navigateTo({
url:'/pages/release/release',
})
}
},
}
}
</script>
<style scoped>
.release-btn{
justify-content: center;
align-items: center;
width: 90rpx;
height: 90rpx;
font-size: 50rpx;
line-height: 80rpx;
animation: scale_name 1s linear alternate infinite;
position: fixed;
right: 20rpx;
bottom: 120rpx;
z-index: 99;
}
.release-btn .img{
width: 48rpx;
height: 48rpx;
}
@keyframes scale_name {
from {
transform: scale(.9);
}
to {
transform: scale(1.1);
}
}
</style>