A1300399510/GterForumWeB
2
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

a1300399510@qq.com 提交于 2023/03/31 -12:20:01

Browse Source
This commit is contained in:
XiaoMo 2023-03-31 12:20:10 +08:00
parent 368d1b83b9
commit d73f2147c0
6 changed files with 92 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
src/components/DetailReply.vue
View File

@ -2,14 +2,14 @@
<div>
<!-- 弹窗-讨论-单行 -->
<div class="pop-box flexflex flexcolumn" v-if="popState == 'discussionSingle'"
@click="openDiscussionSingleState ? 'handlePopCancel' : ''">
@click="openDiscussionSingleState ? handlePopCancel() : ''">
<div class="discussion-box pop-box-box flexflex flexcolumn" style="border-radius: .4rem .4rem 0 0;"
catchtap="return false">
<div class="discussion-header flexacenter" v-if="twoCommentData">
<img class="discussion-avatar" :src="twoCommentData.avatar" />
<div class="discussion-text one-line">{{ twoCommentData.content }}</div>
<img class="discussion-icom" @click.stop="clearTwoCommentData()"
style="height:13px;transform: translate(0);top:0;" src="@/assets/img/detail/u1428.png">
<!-- <img class="discussion-icom" @click.stop="clearTwoCommentData()"
style="height:13px;transform: translate(0);top:0;" src="@/assets/img/detail/u1428.png"> -->
</div>
<div class="discussion-single-box flexflex flex1">
<div class="discussion-single-content flexacenter flex1">
@ -32,7 +32,7 @@
<div class="discussion-header flexacenter" v-if="twoCommentData">
<img class="discussion-avatar" :src="twoCommentData.avatar" />
<div class="discussion-text one-line">{{ twoCommentData.content }}</div>
<img class="discussion-icom" @click.stop="clearTwoCommentData()" src="@/assets/img/detail/u1428.png">
<!-- <img class="discussion-icom" @click.stop="clearTwoCommentData()" src="@/assets/img/detail/u1428.png"> -->
</div>
<div class="discussion-multi-content flexflex flex1">
<textarea class="discussion-multi-textarea flex1" type="text" maxlength="500" v-model="commentContent"
@ -57,7 +57,7 @@ export default {
data() {
return {
commentContent: "",
openDiscussionSingleState: false, // 弹出键盘动画
openDiscussionSingleState: true, // 弹出键盘动画
};
},
props: ["twoCommentData", "popState"],
@ -76,7 +76,6 @@ export default {
// 关闭弹窗
handlePopCancel() {
console.log("fglkdf;lgkdfl;k");
this.$parent.twoCommentData = null
this.$parent.popState = ""
},
@ -89,19 +88,9 @@ export default {
// 切换简单的切换数据
setValue(key, value) {
this.$parent.popState = "discussionMulti"
setTimeout(() => {
console.log("twoCommentData", this.twoCommentData);
}, 1000);
},
openDiscussionSingle() {
if (!this.data.islogin) {
this.setData({
isloginBtnState: true
})
return
}
this.$parent.popState = "discussionSingle"
this.openDiscussionSingleState = false
@ -164,16 +153,16 @@ export default {
padding-left: .32rem;
position: relative;
.discussion-icom {
width: .36rem;
height: .36rem;
padding: .32rem;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
z-index: 5;
}
// .discussion-icom {
// width: .36rem;
// height: .36rem;
// padding: .32rem;
// position: absolute;
// top: 50%;
// right: 0;
// transform: translateY(-50%);
// z-index: 5;
// }
.discussion-text {
font-size: .32rem;

42
src/components/unlock/Coins.vue Executable file
View File

@ -0,0 +1,42 @@
<template>
<div>
<!-- 投币-币不够 -->
<div class="pop-box flexflex flexcolumn" v-if="popState == 'coinNo'" @click="handlePopCancel()">
<div class="coin-insufficient pop-box-box" @click.stop="">
<div class="coin-close flexcenter" @click="handlePopCancel()">
<img class="coin-close-icom" src="../../img/u1583.svg" />
</div>
<div class="insufficient-header flexcenter">
<img class="coin-img" src="@/icons/svg/bi.svg" />
{{ coinConfig.strategy.tips }}
</div>
<div class="strategy-btn flexcenter" @click.stop="skipUrl(coinConfig.strategy.url)">{{
coinConfig.strategy.button }}
<img class="strategy-icom" src="@/icons/svg/arrowsRoundLeft.svg" />
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: 'Coins',
props: ["popState"],
data() {
return {
};
},
mounted() {
},
methods: {
},
};
</script>
<style lang="scss" scoped></style>

6
src/icons/svg/arrowsRoundLeft.svg Executable file
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="20px" height="20px" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(1 0 0 1 -7474 -1049 )">
<path d="M 16.4973958333333 10.5859375 C 16.6536458333333 10.4296875 16.7317708333333 10.234375 16.7317708333333 10 C 16.7317708333333 9.765625 16.6536458333333 9.5703125 16.4973958333333 9.4140625 L 15.3125 8.22916666666667 L 10.5989583333333 3.515625 C 10.4427083333333 3.359375 10.2473958333333 3.28125 10.0130208333333 3.28125 C 9.77864583333333 3.28125 9.58333333333333 3.359375 9.42708333333333 3.515625 L 8.2421875 4.70052083333333 C 8.0859375 4.85677083333333 8.0078125 5.05208333333333 8.0078125 5.28645833333333 C 8.0078125 5.52083333333333 8.0859375 5.71614583333333 8.2421875 5.87239583333333 L 10.703125 8.33333333333333 L 4.16666666666667 8.33333333333333 C 3.94097222222222 8.33333333333333 3.74565972222222 8.41579861111111 3.58072916666667 8.58072916666667 C 3.41579861111111 8.74565972222222 3.33333333333333 8.94097222222222 3.33333333333333 9.16666666666667 L 3.33333333333333 10.8333333333333 C 3.33333333333333 11.0590277777778 3.41579861111111 11.2543402777778 3.58072916666667 11.4192708333333 C 3.74565972222222 11.5842013888889 3.94097222222222 11.6666666666667 4.16666666666667 11.6666666666667 L 10.703125 11.6666666666667 L 8.2421875 14.1276041666667 C 8.07725694444444 14.2925347222222 7.99479166666667 14.4878472222222 7.99479166666667 14.7135416666667 C 7.99479166666667 14.9392361111111 8.07725694444444 15.1345486111111 8.2421875 15.2994791666667 L 9.42708333333333 16.484375 C 9.58333333333333 16.640625 9.77864583333333 16.71875 10.0130208333333 16.71875 C 10.2473958333333 16.71875 10.4427083333333 16.640625 10.5989583333333 16.484375 L 15.3125 11.7708333333333 L 16.4973958333333 10.5859375 Z M 18.6588541666667 4.98046875 C 19.5529513888889 6.51258680555555 20 8.18576388888889 20 10 C 20 11.8142361111111 19.5529513888889 13.4874131944444 18.6588541666667 15.01953125 C 17.7647569444444 16.5516493055556 16.5516493055556 17.7647569444444 15.01953125 18.6588541666667 C 13.4874131944444 19.5529513888889 11.8142361111111 20 10 20 C 8.18576388888889 20 6.51258680555556 19.5529513888889 4.98046875 18.6588541666667 C 3.44835069444444 17.7647569444444 2.23524305555556 16.5516493055556 1.34114583333333 15.01953125 C 0.447048611111111 13.4874131944444 0 11.8142361111111 0 10 C 0 8.18576388888889 0.447048611111111 6.51258680555555 1.34114583333333 4.98046875 C 2.23524305555556 3.44835069444444 3.44835069444444 2.23524305555555 4.98046875 1.34114583333333 C 6.51258680555556 0.447048611111109 8.18576388888889 0 10 0 C 11.8142361111111 0 13.4874131944444 0.447048611111109 15.01953125 1.34114583333333 C 16.5516493055556 2.23524305555555 17.7647569444444 3.44835069444444 18.6588541666667 4.98046875 Z " fill-rule="nonzero" fill="#000000" stroke="none" transform="matrix(1 0 0 1 7474 1049 )" />
</g>
</svg>

18
src/icons/svg/bi.svg Executable file
View File

File diff suppressed because one or more lines are too long

6
src/icons/svg/gray-cross.svg Executable file
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(1 0 0 1 -7645 -862 )">
<path d="M 15.6228956228956 11.959595959596 C 15.8742985409652 12.2109988776655 16 12.5162738496072 16 12.8754208754209 C 16 13.2345679012346 15.8742985409652 13.5398428731762 15.6228956228956 13.7912457912458 L 13.7912457912458 15.6228956228956 C 13.5398428731762 15.8742985409652 13.2345679012346 16 12.8754208754209 16 C 12.5162738496072 16 12.2109988776655 15.8742985409652 11.959595959596 15.6228956228956 L 8 11.6632996632997 L 4.04040404040404 15.6228956228956 C 3.78900112233446 15.8742985409652 3.48372615039282 16 3.12457912457912 16 C 2.76543209876543 16 2.46015712682379 15.8742985409652 2.20875420875421 15.6228956228956 L 0.377104377104377 13.7912457912458 C 0.125701459034792 13.5398428731762 0 13.2345679012346 0 12.8754208754209 C 0 12.5162738496072 0.125701459034792 12.2109988776655 0.377104377104377 11.959595959596 L 4.33670033670034 8 L 0.377104377104377 4.04040404040404 C 0.125701459034792 3.78900112233445 0 3.48372615039282 0 3.12457912457912 C 0 2.76543209876543 0.125701459034792 2.46015712682379 0.377104377104377 2.20875420875421 L 2.20875420875421 0.377104377104377 C 2.46015712682379 0.125701459034792 2.76543209876543 0 3.12457912457912 0 C 3.48372615039282 0 3.78900112233446 0.125701459034792 4.04040404040404 0.377104377104377 L 8 4.33670033670034 L 11.959595959596 0.377104377104377 C 12.2109988776655 0.125701459034792 12.5162738496072 0 12.8754208754209 0 C 13.2345679012346 0 13.5398428731762 0.125701459034792 13.7912457912458 0.377104377104377 L 15.6228956228956 2.20875420875421 C 15.8742985409652 2.46015712682379 16 2.76543209876543 16 3.12457912457912 C 16 3.48372615039282 15.8742985409652 3.78900112233445 15.6228956228956 4.04040404040404 L 11.6632996632997 8 L 15.6228956228956 11.959595959596 Z " fill-rule="nonzero" fill="#d7d7d7" stroke="none" transform="matrix(1 0 0 1 7645 862 )" />
</g>
</svg>

6
src/views/detail/detailIndex.vue
View File

@ -55,11 +55,13 @@
<detail-reply :two-comment-data="twoCommentData" :pop-state="popState"></detail-reply>
<coins :pop-state="popState"></coins>
</div>
</template>
<script>
import DetailReply from '@/components/DetailReply'
import Coins from '@/components/unlock/Coins'
export default {
name: 'detailIndex',
@ -69,7 +71,7 @@ export default {
avatar: "https://oss.gter.net/avatar/97KwEWANd_4DHWiY6VbnSUFSCKroYWFjYQ~~/middle",
content: "评论回复",
},
popState: "discussionSingle",
popState: "coinNo",
};
},
@ -83,7 +85,7 @@ export default {
},
components: {
DetailReply
DetailReply,Coins
}
};
</script>