leiking
52 lines
908 B
Vue
52 lines
908 B
Vue
<template>
|
|
<view class="ai-float" @tap="go">
|
|
<view class="dot"></view>
|
|
<view class="t">AI</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'AiFloat',
|
|
methods: {
|
|
go() {
|
|
uni.navigateTo({ url: '/pages/ai/chat' })
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.ai-float {
|
|
position: fixed;
|
|
right: 24rpx;
|
|
bottom: 170rpx;
|
|
width: 112rpx;
|
|
height: 112rpx;
|
|
border-radius: 999rpx;
|
|
background: linear-gradient(135deg, #111827 0%, #3b82f6 100%);
|
|
box-shadow: 0 16rpx 40rpx rgba(17, 24, 39, 0.18);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
z-index: 99;
|
|
}
|
|
.t {
|
|
color: #fff;
|
|
font-size: 32rpx;
|
|
font-weight: 800;
|
|
letter-spacing: 2rpx;
|
|
}
|
|
.dot {
|
|
position: absolute;
|
|
top: 14rpx;
|
|
right: 14rpx;
|
|
width: 16rpx;
|
|
height: 16rpx;
|
|
border-radius: 999rpx;
|
|
background: #10b981;
|
|
border: 4rpx solid rgba(255, 255, 255, 0.8);
|
|
}
|
|
</style>
|
|
|