ting 5 months ago
parent
commit
64f63de98c
  1. 55
      src/views/FrontView.vue

55
src/views/FrontView.vue

@ -25,7 +25,7 @@ const first = ref();
first.value = {
id: 1,
name: "tom",
avatar: "../assets/头像框.png",
avatar: "https://cdn.legu168.com/jtzy/Product/pcjingwang/uploads/images/c2ead8be86eba03ebff62c7d0f3f875b.png",
votes: 100,
voted: false
}
@ -33,7 +33,7 @@ const second = ref();
second.value = {
id: 2,
name: "tom",
avatar: "../assets/头像框.png",
avatar: "https://cdn.legu168.com/jtzy/Product/pcjingwang/uploads/images/c2ead8be86eba03ebff62c7d0f3f875b.png",
votes: 100,
voted: false
}
@ -41,7 +41,7 @@ const third = ref();
third.value = {
id: 3,
name: "tom",
avatar: "../assets/头像框.png",
avatar: "https://cdn.legu168.com/jtzy/Product/pcjingwang/uploads/images/c2ead8be86eba03ebff62c7d0f3f875b.png",
votes: 100,
voted: false
}
@ -50,7 +50,7 @@ const backCandidates = ref([
{
id: 4,
name: "tom",
avatar: "../assets/头像框.png",
avatar: "https://cdn.legu168.com/jtzy/Product/pcjingwang/uploads/images/c2ead8be86eba03ebff62c7d0f3f875b.png",
votes: 100,
voted: true
@ -58,14 +58,14 @@ const backCandidates = ref([
{
id: 5,
name: "tom",
avatar: "../assets/头像框.png",
avatar: "https://cdn.legu168.com/jtzy/Product/pcjingwang/uploads/images/c2ead8be86eba03ebff62c7d0f3f875b.png",
votes: 100,
voted: true
},
{
id: 6,
name: "tom",
avatar: "../assets/头像框.png",
avatar: "https://cdn.legu168.com/jtzy/Product/pcjingwang/uploads/images/c2ead8be86eba03ebff62c7d0f3f875b.png",
votes: 100,
voted: true
}
@ -73,28 +73,28 @@ const backCandidates = ref([
{
id: 7,
name: "tom",
avatar: "../assets/头像框.png",
avatar: "https://cdn.legu168.com/jtzy/Product/pcjingwang/uploads/images/c2ead8be86eba03ebff62c7d0f3f875b.png",
votes: 100,
voted: false
},
{
id: 8,
name: "tom",
avatar: "../assets/头像框.png",
avatar: "https://cdn.legu168.com/jtzy/Product/pcjingwang/uploads/images/c2ead8be86eba03ebff62c7d0f3f875b.png",
votes: 100,
voted: true
},
{
id: 9,
name: "tom",
avatar: "../assets/头像框.png",
avatar: "https://cdn.legu168.com/jtzy/Product/pcjingwang/uploads/images/c2ead8be86eba03ebff62c7d0f3f875b.png",
votes: 100,
voted: true
},
{
id: 10,
name: "tom",
avatar: "../assets/头像框.png",
avatar: "https://cdn.legu168.com/jtzy/Product/pcjingwang/uploads/images/c2ead8be86eba03ebff62c7d0f3f875b.png",
votes: 100,
voted: false
}
@ -149,11 +149,11 @@ function vote(code) {
<span class="channle-write">2025年财富大分配</span>
</div>
<div class="title">
<img class="duiyi" src="../assets/哪些市场 投资机会更多?.png">
<img class="duiyi" src="https://cdn.legu168.com/jtzy/Product/pcjingwang/uploads/images/7cb578552356d1a893f8de627210ba46.png">
</div>
<!-- 投票规则 -->
<div class="rules">
<img class="rule-title" src="../assets/投票规则.png">
<img class="rule-title" src="https://cdn.legu168.com/jtzy/Product/pcjingwang/uploads/images/39fb93653887ae79fd68296e2ff0ecf2.png">
<div class="rules-content">
每人每天最多可以投三票<br>
当天不可重复投一个市场<br>
@ -166,13 +166,13 @@ function vote(code) {
<div class="content">
<!-- 一二三 -->
<div class="yes">
<img class="yiersan" src="../assets/前三.png">
<img class="yiersan" src="https://cdn.legu168.com/jtzy/Product/pcjingwang/uploads/images/d243f8736bd4b38ba311773652e7907c.png">
</div>
<!-- 第二名 -->
<div class="second" :second="second">
<!-- 头像图片 -->
<img class="cover2" :src="second.avatar">
<!-- <img class="cover2" src="../assets/flag_america.png"> -->
<!-- <img class="cover2" src="https://cdn.legu168.com/jtzy/Product/pcjingwang/uploads/images/7fc80db4c931cfa27f20c52ed4fc4479.png"> -->
<!-- 投票按钮 -->
<div class="one-button2" v-if="second.voted == false" @click="vote(second.jwCode)">投票</div>
<div class="buttoned2" v-else @click="vote(second.jwCode)">已投票</div>
@ -185,7 +185,7 @@ function vote(code) {
<div class="first" :first="first">
<!-- 头像图片 -->
<img class="cover1" :src="first.avatar">
<!-- <img class="cover1" src="../assets/flag_america.png"> -->
<!-- <img class="cover1" src="https://cdn.legu168.com/jtzy/Product/pcjingwang/uploads/images/7fc80db4c931cfa27f20c52ed4fc4479.png"> -->
<!-- 投票按钮 -->
<div class="one-button1" v-if="first.voted == false" @click="vote(first.jwCode)">投票</div>
<div class="buttoned1" v-else @click="vote(first.jwCode)">已投票</div>
@ -199,7 +199,7 @@ function vote(code) {
<!-- 头像图片 -->
<img class="cover3" :src="third.avatar">
<!-- <img class="cover3" src="../assets/flag_america.png"> -->
<!-- <img class="cover3" src="https://cdn.legu168.com/jtzy/Product/pcjingwang/uploads/images/7fc80db4c931cfa27f20c52ed4fc4479.png"> -->
<!-- 投票按钮 -->
<div class="one-button3" v-if="third.voted == false" @click="vote(third.jwCode)">投票</div>
<div class="buttoned3" v-else @click="vote(third.jwCode)">已投票</div>
@ -217,8 +217,7 @@ function vote(code) {
<!-- 排名 -->
<div class="num">{{ index + 4 }}</div>
<!-- 头像 -->
<!-- flag_america.png -->
<!-- <img class="list-avatar" src="../assets/flag_america.png"> -->
<!-- <img class="list-avatar" src="https://cdn.legu168.com/jtzy/Product/pcjingwang/uploads/images/7fc80db4c931cfa27f20c52ed4fc4479.png"> -->
<img class="list-avatar" :src="backCandidate.avatar">
<!-- 投票数 -->
<div class="votes">已有{{ backCandidate.votes }}人投票</div>
@ -236,7 +235,7 @@ function vote(code) {
/* 平板 */
@media (min-width: 750px) and (max-width:1280px) {
.container {
background-image: url('../assets/bg.png');
background-image: url(https://cdn.legu168.com/jtzy/Product/pcjingwang/uploads/images/7a87b7f485fdd3fefcde98db68a04024.png);
background-repeat: no-repeat;
width: 100%;
height: 100%;
@ -252,7 +251,7 @@ function vote(code) {
/* 电脑 */
@media (min-width:1280px) {
.container {
background-image: url('../assets/bg.png');
background-image: url(https://cdn.legu168.com/jtzy/Product/pcjingwang/uploads/images/7a87b7f485fdd3fefcde98db68a04024.png);
background-repeat: no-repeat;
width: 38%;
height: 100%;
@ -267,7 +266,7 @@ function vote(code) {
@media (max-width:750px) {
.container {
background-image: url('../assets/bg.png');
background-image: url(https://cdn.legu168.com/jtzy/Product/pcjingwang/uploads/images/7a87b7f485fdd3fefcde98db68a04024.png);
background-repeat: no-repeat;
width: 100%;
height: 100%;
@ -291,7 +290,7 @@ function vote(code) {
}
.channle {
background-image: url(/src/assets/top.png);
background-image: url(https://cdn.legu168.com/jtzy/Product/pcjingwang/uploads/images/d6f7012e5781265719ceaba242d20d74.png);
background-repeat: no-repeat;
background-size: 100% 100%;
width: 65%;
@ -356,7 +355,7 @@ function vote(code) {
}
.avatar-box2 {
background-image: url(../assets/头像框.png);
background-image: url(https://cdn.legu168.com/jtzy/Product/pcjingwang/uploads/images/c2ead8be86eba03ebff62c7d0f3f875b.png);
position: absolute;
background-size: contain;
background-repeat: no-repeat;
@ -427,7 +426,7 @@ function vote(code) {
}
.num2 {
background-image: url(../assets/2.png);
background-image: url(https://cdn.legu168.com/jtzy/Product/pcjingwang/uploads/images/e20b1a8fdb716de8584dfab7d1d49f10.png);
background-size: contain;
background-repeat: no-repeat;
width: 7%;
@ -440,7 +439,7 @@ function vote(code) {
.avatar-box1 {
background-image: url(../assets/头像框.png);
background-image: url(https://cdn.legu168.com/jtzy/Product/pcjingwang/uploads/images/c2ead8be86eba03ebff62c7d0f3f875b.png);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
@ -512,7 +511,7 @@ function vote(code) {
}
.num1 {
background-image: url(../assets/1.png);
background-image: url(https://cdn.legu168.com/jtzy/Product/pcjingwang/uploads/images/dde85537fa379638b3e071a2aa33c434.png);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
@ -524,7 +523,7 @@ function vote(code) {
}
.avatar-box3 {
background-image: url(../assets/头像框.png);
background-image: url(https://cdn.legu168.com/jtzy/Product/pcjingwang/uploads/images/c2ead8be86eba03ebff62c7d0f3f875b.png);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
@ -597,7 +596,7 @@ function vote(code) {
.num3 {
background-image: url(../assets/3.png);
background-image: url(https://cdn.legu168.com/jtzy/Product/pcjingwang/uploads/images/737192625328656cc5717014bd81c32e.png);
background-size: contain;
background-repeat: no-repeat;
position: absolute;

Loading…
Cancel
Save