58 lines
1.0 KiB
Vue
58 lines
1.0 KiB
Vue
|
<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>
|