2025-09-17
项目详情
This commit is contained in:
@@ -97,14 +97,128 @@
|
||||
|
||||
<u-row justify="flex-end" class="u-m-r-40 btn-group">
|
||||
<u-col span="3"><u-button class="btn" type="primary">聊一聊</u-button></u-col>
|
||||
<u-col span="3"><u-button class="btn" type="success">立刻融</u-button></u-col>
|
||||
<u-col span="3"><u-button class="btn" type="success" @click="handleOpen">立刻融</u-button></u-col>
|
||||
</u-row>
|
||||
|
||||
|
||||
<u-modal v-model="showWarning" border-radius="20" ref="warningRef" :mask-close-able="true"
|
||||
:show-confirm-button="false" :show-title="false">
|
||||
<view class="slot-content">
|
||||
<image class="dialog-icon" src="/static/icon/ring.png" mode=""></image>
|
||||
<image @click="handleClose" class="dialog-close" src="/static/icon/close.png" mode=""></image>
|
||||
<view class="dialog-title">温馨提示</view>
|
||||
<view class="dialog-content">
|
||||
<view>请务必仔细核对您的投资所选项目，以免发生误选</view>
|
||||
<u-checkbox v-model="is_agree" style="margin-top: 20rpx;" icon-size="25" :label-disabled="true"
|
||||
label-size="20">
|
||||
<div @click="openFile">协议内容《协议123》</div>
|
||||
</u-checkbox>
|
||||
<view class="err-msg" v-if="showErrMsg">
|
||||
请先勾选协议内容
|
||||
</view>
|
||||
</view>
|
||||
<u-button @click="handleChose" type="primary" shape="circle" class="dialog-btn">确认选择</u-button>
|
||||
</view>
|
||||
</u-modal>
|
||||
|
||||
<u-modal v-model="showFile" border-radius="20" :show-confirm-button="false" :show-title="false">
|
||||
<view class="file-content">
|
||||
<view class="file-title">
|
||||
协议内容
|
||||
</view>
|
||||
<scroll-view class="file-main" scroll-y="true">
|
||||
<view class="text">
|
||||
在您同意前述协议并开始使用我们的服务之前，我们恳请您仔细阅读以下核心约定条款的摘要。本摘要旨在帮助您更好地理解您的权利和义务，但最终法律效力以完整的《用户协议》和《隐私政策》文本为准。<br />
|
||||
1. 账户与注册<br />
|
||||
您承诺注册时提供真实、准确、完整的信息，并及时更新。您应对您的账户安全和所有活动承担全部责任。<br />
|
||||
2. 用户行为规范<br />
|
||||
您同意遵守所有适用的法律法规，并承诺不会利用我们的服务进行任何非法、侵权或违反公序良俗的活动。<br />
|
||||
禁止的行为包括但不限于：传播病毒、发送垃圾信息、侵犯他人知识产权、进行未经授权的广告或推销、干扰服务的正常运行等。<br />
|
||||
3. 隐私与数据保护<br />
|
||||
我们将严格按照《隐私政策》收集、使用、存储和保护您的个人信息。您的个人信息可能用于：提供和优化服务、与您沟通、进行安全验证、以及根据政策进行的内部分析与广告推送。<br />
|
||||
我们可能会使用Cookies和类似技术来提升您的用户体验。<br />
|
||||
在法律法规要求或为提供服务所必需的情况下，您的信息可能会被分享给我们的关联公司或可信的第三方合作伙伴。<br />
|
||||
4. 知识产权<br />
|
||||
服务中包含的所有内容（包括但不限于文本、图形、logo、软件、音频、视频等）的知识产权均归我们或我们的许可方所有。<br />
|
||||
在遵守协议条款的前提下，我们授予您有限的、非排他的、不可转让的许可，以使用我们提供的服务。<br />
|
||||
5. 免责声明与责任限制<br />
|
||||
服务将按“现状”和“可用”提供。我们不承诺服务绝对无中断、及时、安全或无误。<br />
|
||||
在法律允许的最大范围内，我们不对因使用服务而导致的任何间接、偶然、特殊或后果性损害承担责任。<br />
|
||||
6. 协议的变更与终止<br />
|
||||
我们保留随时修改《用户协议》和《隐私政策》的权利。变更将通过适当渠道（如网站公告、邮件通知等）公布。若您在新条款生效后继续使用服务，即表示您接受变更后的协议。<br />
|
||||
您或我们均有权根据协议规定终止服务。<br />
|
||||
7. 适用法律与争议解决<br />
|
||||
本协议的解释与执行均适用中华人民共和国法律。<br />
|
||||
因本协议引起的或与之相关的任何争议，双方应首先尝试友好协商解决；协商不成的，任何一方均有权将争议提交至本协议签订地（通常为公司住所地）有管辖权的人民法院诉讼解决。<br />
|
||||
8. 其他<br />
|
||||
如果您是未成年人，请在法定监护人的陪同下阅读并判断是否同意本协议。<br />
|
||||
</view>
|
||||
</scroll-view>
|
||||
<view class="btn-group">
|
||||
<u-button @click="handleDisagree" class="btn" style="background: #CADBFF;" hover-class="none"
|
||||
shape="circle">不同意</u-button>
|
||||
<u-button @click="handleAgreeFile" class="btn" style="background: #7B99FF;" hover-class="none"
|
||||
shape="circle">同意并继续</u-button>
|
||||
</view>
|
||||
</view>
|
||||
</u-modal>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { ref } from 'vue';
|
||||
|
||||
// 立刻融 弹窗
|
||||
const showWarning = ref(false)
|
||||
const showErrMsg = ref(false)
|
||||
const is_agree = ref(false)
|
||||
|
||||
// 立刻融 打开弹窗
|
||||
const handleOpen = () => {
|
||||
is_agree.value = false
|
||||
showErrMsg.value = false
|
||||
showWarning.value = true
|
||||
}
|
||||
|
||||
// 立刻融 关闭弹窗
|
||||
const handleClose = () => {
|
||||
showWarning.value = false
|
||||
showErrMsg.value = false
|
||||
is_agree.value = false
|
||||
}
|
||||
|
||||
// 立刻融 确认选择
|
||||
const handleChose = () => {
|
||||
if (!is_agree.value) {
|
||||
console.log("change");
|
||||
showErrMsg.value = true
|
||||
return
|
||||
}
|
||||
// TODO 同意协议
|
||||
showWarning.value = false
|
||||
}
|
||||
|
||||
const showFile = ref(false)
|
||||
|
||||
// 打开协议弹窗
|
||||
const openFile = () => {
|
||||
showFile.value = true
|
||||
showWarning.value = false
|
||||
}
|
||||
|
||||
// 不同意协议
|
||||
const handleDisagree = () => {
|
||||
showFile.value = false
|
||||
showWarning.value = true
|
||||
}
|
||||
|
||||
// 同意协议
|
||||
const handleAgreeFile = () => {
|
||||
is_agree.value = true
|
||||
showFile.value = false
|
||||
showWarning.value = true
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@@ -239,6 +353,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
// 按钮设置
|
||||
.btn-group {
|
||||
font-family: Work Sans;
|
||||
font-weight: 400;
|
||||
@@ -252,5 +367,138 @@
|
||||
height: 56rpx;
|
||||
}
|
||||
}
|
||||
|
||||
// 提示框
|
||||
.slot-content {
|
||||
height: 420rpx;
|
||||
background: radial-gradient(118.57% 118.57% at 50% -18.57%, rgba(255, 255, 255, 0) 0%, #FFFFFF 61.13%),
|
||||
linear-gradient(270deg, #65D1FF 5.45%, #FF68DE 108.14%);
|
||||
|
||||
.dialog-icon {
|
||||
width: 181rpx;
|
||||
height: 142rpx;
|
||||
transform: translate(26rpx, -48rpx);
|
||||
// translate: 26rpx;
|
||||
}
|
||||
|
||||
.dialog-close {
|
||||
width: 28rpx;
|
||||
height: 28rpx;
|
||||
position: absolute;
|
||||
top: 14rpx;
|
||||
right: 28rpx;
|
||||
}
|
||||
|
||||
.dialog-title {
|
||||
font-family: SF Pro;
|
||||
font-weight: 700;
|
||||
font-style: Expanded Bold;
|
||||
font-size: 32rpx;
|
||||
leading-trim: NONE;
|
||||
line-height: 48rpx;
|
||||
letter-spacing: 10%;
|
||||
-webkit-text-stroke: 4rpx transparent;
|
||||
background: #fff;
|
||||
-webkit-background-clip: text;
|
||||
position: absolute;
|
||||
top: 54rpx;
|
||||
left: 0;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
color: linear-gradient(180deg, #2A2A2A 0%, #737373 59.62%, #2A2A2A 100%);
|
||||
}
|
||||
|
||||
.dialog-content {
|
||||
padding: 0 80rpx;
|
||||
font-family: Work Sans;
|
||||
font-weight: 700;
|
||||
font-style: Regular;
|
||||
font-size: 26rpx;
|
||||
leading-trim: NONE;
|
||||
line-height: 40rpx;
|
||||
letter-spacing: 4%;
|
||||
|
||||
.err-msg {
|
||||
margin-top: 10rpx;
|
||||
font-family: Work Sans;
|
||||
font-weight: 100;
|
||||
font-style: Thin;
|
||||
font-size: 16rpx;
|
||||
leading-trim: NONE;
|
||||
line-height: 100%;
|
||||
letter-spacing: -2%;
|
||||
color: #FF5B5B;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.dialog-btn {
|
||||
margin-top: 20rpx;
|
||||
width: 168rpx;
|
||||
height: 54rpx;
|
||||
font-size: 26rpx;
|
||||
}
|
||||
}
|
||||
|
||||
// 协议
|
||||
.file-content {
|
||||
background: linear-gradient(180deg, #CADBFF 0%, #FFFFFF 100%);
|
||||
padding: 16rpx 32rpx 32rpx;
|
||||
|
||||
.file-title {
|
||||
font-family: SF Pro;
|
||||
font-weight: 700;
|
||||
font-style: Expanded Bold;
|
||||
font-size: 24rpx;
|
||||
leading-trim: NONE;
|
||||
line-height: 48rpx;
|
||||
letter-spacing: 10%;
|
||||
-webkit-text-stroke: 8rpx transparent;
|
||||
font-style: italic;
|
||||
background: #fff;
|
||||
-webkit-background-clip: text;
|
||||
text-align: center;
|
||||
color: linear-gradient(180deg, #2A2A2A 0%, #737373 59.62%, #2A2A2A 100%);
|
||||
}
|
||||
|
||||
.file-main {
|
||||
margin-top: 10rpx;
|
||||
// padding: 20rpx;
|
||||
background-color: #fff;
|
||||
height: 262rpx;
|
||||
border-radius: 10rpx;
|
||||
|
||||
.text {
|
||||
margin: 10rpx 20rpx;
|
||||
font-family: Work Sans;
|
||||
font-weight: 700;
|
||||
font-style: Regular;
|
||||
font-size: 12rpx;
|
||||
leading-trim: NONE;
|
||||
line-height: 20rpx;
|
||||
letter-spacing: 4%;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-group {
|
||||
margin-top: 20rpx;
|
||||
display: flex;
|
||||
|
||||
.btn {
|
||||
height: 24rpx;
|
||||
padding: 4rpx 20rpx;
|
||||
|
||||
font-family: Work Sans;
|
||||
font-weight: 700;
|
||||
font-style: Regular;
|
||||
font-size: 12rpx;
|
||||
leading-trim: NONE;
|
||||
line-height: 20rpx;
|
||||
letter-spacing: 4%;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
BIN
static/icon/close.png
Normal file
BIN
static/icon/close.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 455 B |
BIN
static/icon/ring.png
Normal file
BIN
static/icon/ring.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
Reference in New Issue
Block a user