|
|
@ -2,11 +2,11 @@
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
<!-- 封面 -->
|
|
|
|
<!-- 封面 -->
|
|
|
|
<div class="bg-wrap my-animation-slide-top">
|
|
|
|
<div class="bg-wrap my-animation-slide-top">
|
|
|
|
<!-- 背景图片 -->
|
|
|
|
|
|
|
|
<el-image class="love-image my-el-image"
|
|
|
|
<el-image class="love-image my-el-image"
|
|
|
|
lazy
|
|
|
|
lazy
|
|
|
|
:src="love.bgCover"
|
|
|
|
:src="love.bgCover"
|
|
|
|
fit="cover">
|
|
|
|
fit="cover"
|
|
|
|
|
|
|
|
style="width: 100%; height: 100vh;">
|
|
|
|
<div slot="error" class="image-slot"></div>
|
|
|
|
<div slot="error" class="image-slot"></div>
|
|
|
|
</el-image>
|
|
|
|
</el-image>
|
|
|
|
|
|
|
|
|
|
|
@ -18,9 +18,7 @@
|
|
|
|
{{love.manName}}
|
|
|
|
{{love.manName}}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
|
|
|
|
<img class="love-img" :src="$constant.loveLike" alt="心心">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
<el-avatar class="love-avatar" :src="love.womanCover"></el-avatar>
|
|
|
|
<el-avatar class="love-avatar" :src="love.womanCover"></el-avatar>
|
|
|
|
<div class="love-title">
|
|
|
|
<div class="love-title">
|
|
|
@ -41,7 +39,7 @@
|
|
|
|
<!-- 计时 -->
|
|
|
|
<!-- 计时 -->
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
<div class="love-time-title1">
|
|
|
|
<div class="love-time-title1">
|
|
|
|
这是我们一起走过的
|
|
|
|
我的开发流程
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="love-time1">
|
|
|
|
<div class="love-time1">
|
|
|
|
第
|
|
|
|
第
|
|
|
@ -69,7 +67,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
<div style="padding: 0 20px">
|
|
|
|
<div style="padding: 0 20px">
|
|
|
|
<div class="family-button shadow-box-mini" @click="changeCard(4)">
|
|
|
|
<div class="family-button shadow-box-mini" @click="changeCard(4)">
|
|
|
|
<span class="family-button-title">{{card === 4 ? '回到主人家' : '开往表白墙'}}</span>
|
|
|
|
|
|
|
|
<span class="family-button-car">
|
|
|
|
<span class="family-button-car">
|
|
|
|
<svg viewBox="0 0 1024 1024" width="40" height="40">
|
|
|
|
<svg viewBox="0 0 1024 1024" width="40" height="40">
|
|
|
|
<path
|
|
|
|
<path
|
|
|
@ -110,37 +108,7 @@
|
|
|
|
<div style="padding: 0 20px">
|
|
|
|
<div style="padding: 0 20px">
|
|
|
|
<!-- 卡片 -->
|
|
|
|
<!-- 卡片 -->
|
|
|
|
<div class="card-wrap" v-show="card !== 4">
|
|
|
|
<div class="card-wrap" v-show="card !== 4">
|
|
|
|
<div class="card-content shadow-box-mini" @click="changeCard(1)">
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
|
|
|
<el-avatar :size="100"
|
|
|
|
|
|
|
|
:src="$constant.loveWeiYan">
|
|
|
|
|
|
|
|
</el-avatar>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="card-right">
|
|
|
|
|
|
|
|
<div class="card-title">
|
|
|
|
|
|
|
|
点点滴滴
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="card-desc">
|
|
|
|
|
|
|
|
☀️今朝有酒今朝醉
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="card-content shadow-box-mini" @click="changeCard(2)">
|
|
|
|
|
|
|
|
<div>
|
|
|
|
|
|
|
|
<el-avatar :size="100"
|
|
|
|
|
|
|
|
:src="$constant.lovePhoto">
|
|
|
|
|
|
|
|
</el-avatar>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="card-right">
|
|
|
|
|
|
|
|
<div class="card-title">
|
|
|
|
|
|
|
|
时光相册
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="card-desc">
|
|
|
|
|
|
|
|
📸记录美好瞬间
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="card-content shadow-box-mini" @click="changeCard(3)">
|
|
|
|
<div class="card-content shadow-box-mini" @click="changeCard(3)">
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
@ -150,10 +118,10 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="card-right">
|
|
|
|
<div class="card-right">
|
|
|
|
<div class="card-title">
|
|
|
|
<div class="card-title">
|
|
|
|
祝福板
|
|
|
|
记录
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="card-desc">
|
|
|
|
<div class="card-desc">
|
|
|
|
📋写下对我们的祝福
|
|
|
|
📋写下你的开发记录
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -239,7 +207,7 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="family-bottom" style="background-color: var(--lightGreen)" @click="addFamily()">
|
|
|
|
<div class="family-bottom" style="background-color: var(--lightGreen)" @click="addFamily()">
|
|
|
|
<span style="line-height: 50px">
|
|
|
|
<span style="line-height: 50px">
|
|
|
|
申请入住
|
|
|
|
设置
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
<span style="vertical-align:middle">
|
|
|
|
<span style="vertical-align:middle">
|
|
|
|
<svg viewBox="0 0 1024 1024" width="30" height="30"><path
|
|
|
|
<svg viewBox="0 0 1024 1024" width="30" height="30"><path
|
|
|
@ -256,7 +224,7 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<el-dialog title="入住表白墙"
|
|
|
|
<el-dialog title="开启你的记录流程吧"
|
|
|
|
:visible.sync="loveDialogVisible"
|
|
|
|
:visible.sync="loveDialogVisible"
|
|
|
|
width="40%"
|
|
|
|
width="40%"
|
|
|
|
:close-on-click-modal="false"
|
|
|
|
:close-on-click-modal="false"
|
|
|
@ -287,7 +255,7 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
<div class="form-title">
|
|
|
|
<div class="form-title">
|
|
|
|
男生头像
|
|
|
|
头像
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div style=" display: flex">
|
|
|
|
<div style=" display: flex">
|
|
|
|
<el-input maxlength="120" v-model="userLove.manCover"></el-input>
|
|
|
|
<el-input maxlength="120" v-model="userLove.manCover"></el-input>
|
|
|
@ -302,12 +270,12 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
<div class="form-title">
|
|
|
|
<div class="form-title">
|
|
|
|
女生头像
|
|
|
|
项目logo
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div style=" display: flex">
|
|
|
|
<div style=" display: flex">
|
|
|
|
<el-input maxlength="120" v-model="userLove.womanCover"></el-input>
|
|
|
|
<el-input maxlength="120" v-model="userLove.womanCover"></el-input>
|
|
|
|
<div style="margin: 3px 0 0 10px">
|
|
|
|
<div style="margin: 3px 0 0 10px">
|
|
|
|
<proButton :info="'上传头像'"
|
|
|
|
<proButton :info="'上传logo'"
|
|
|
|
@click.native="openPicture('womanCover')"
|
|
|
|
@click.native="openPicture('womanCover')"
|
|
|
|
:before="$constant.before_color_1"
|
|
|
|
:before="$constant.before_color_1"
|
|
|
|
:after="$constant.after_color_1">
|
|
|
|
:after="$constant.after_color_1">
|
|
|
@ -317,7 +285,7 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
<div class="form-title">
|
|
|
|
<div class="form-title">
|
|
|
|
男生昵称
|
|
|
|
昵称
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
<el-input maxlength="10" v-model="userLove.manName"></el-input>
|
|
|
|
<el-input maxlength="10" v-model="userLove.manName"></el-input>
|
|
|
@ -325,7 +293,7 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
<div class="form-title">
|
|
|
|
<div class="form-title">
|
|
|
|
女生昵称
|
|
|
|
项目名
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
<el-input maxlength="10" v-model="userLove.womanName"></el-input>
|
|
|
|
<el-input maxlength="10" v-model="userLove.womanName"></el-input>
|
|
|
@ -369,7 +337,7 @@
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
<div class="form-title">
|
|
|
|
<div class="form-title">
|
|
|
|
告白信
|
|
|
|
简述
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
<el-input type="textarea"
|
|
|
|
<el-input type="textarea"
|
|
|
@ -391,7 +359,7 @@
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
<img :src="$constant.friendLetterBiLi" style="width: 100%;margin: 5px auto"/>
|
|
|
|
<img :src="$constant.friendLetterBiLi" style="width: 100%;margin: 5px auto"/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<p style="font-size: 12px;text-align: center;color: #999">欢迎入住表白墙</p>
|
|
|
|
<p style="font-size: 12px;text-align: center;color: #999">开启记录</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
@ -529,7 +497,7 @@
|
|
|
|
submitLove() {
|
|
|
|
submitLove() {
|
|
|
|
if (this.userLove.bgCover.trim() === "") {
|
|
|
|
if (this.userLove.bgCover.trim() === "") {
|
|
|
|
this.$message({
|
|
|
|
this.$message({
|
|
|
|
message: "你还没设置背景封面呢~",
|
|
|
|
message: "你还没设置呢~",
|
|
|
|
type: "warning"
|
|
|
|
type: "warning"
|
|
|
|
});
|
|
|
|
});
|
|
|
|
return;
|
|
|
|
return;
|
|
|
@ -537,7 +505,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
if (this.userLove.manCover.trim() === "") {
|
|
|
|
if (this.userLove.manCover.trim() === "") {
|
|
|
|
this.$message({
|
|
|
|
this.$message({
|
|
|
|
message: "你还没设置男生头像呢~",
|
|
|
|
message: "你还没设置呢~",
|
|
|
|
type: "warning"
|
|
|
|
type: "warning"
|
|
|
|
});
|
|
|
|
});
|
|
|
|
return;
|
|
|
|
return;
|
|
|
@ -545,7 +513,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
if (this.userLove.womanCover.trim() === "") {
|
|
|
|
if (this.userLove.womanCover.trim() === "") {
|
|
|
|
this.$message({
|
|
|
|
this.$message({
|
|
|
|
message: "你还没设置女生头像呢~",
|
|
|
|
message: "你还没设置呢~",
|
|
|
|
type: "warning"
|
|
|
|
type: "warning"
|
|
|
|
});
|
|
|
|
});
|
|
|
|
return;
|
|
|
|
return;
|
|
|
@ -553,7 +521,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
if (this.userLove.manName.trim() === "") {
|
|
|
|
if (this.userLove.manName.trim() === "") {
|
|
|
|
this.$message({
|
|
|
|
this.$message({
|
|
|
|
message: "你还没写男生昵称呢~",
|
|
|
|
message: "你还没写呢~",
|
|
|
|
type: "warning"
|
|
|
|
type: "warning"
|
|
|
|
});
|
|
|
|
});
|
|
|
|
return;
|
|
|
|
return;
|
|
|
@ -561,7 +529,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
if (this.userLove.womanName.trim() === "") {
|
|
|
|
if (this.userLove.womanName.trim() === "") {
|
|
|
|
this.$message({
|
|
|
|
this.$message({
|
|
|
|
message: "你还没写女生昵称呢~",
|
|
|
|
message: "你还没写呢~",
|
|
|
|
type: "warning"
|
|
|
|
type: "warning"
|
|
|
|
});
|
|
|
|
});
|
|
|
|
return;
|
|
|
|
return;
|
|
|
|