|
|
@@ -47,12 +47,26 @@
|
|
|
<div class="oasis_art">
|
|
|
<div class="oasis_art_tip">绿洲艺术</div>
|
|
|
<div class="oasis_art_list">
|
|
|
- <div class="oasis_art_list_left">
|
|
|
- <img src="" alt="" class="oasis_art_list_left_img" />
|
|
|
+ <div class="oasis_art_list_left" @click="$router.push('/hopeMarket')">
|
|
|
+ <img
|
|
|
+ :src="require(`@assets/info_icon_banquanshichangone@3x.png`)"
|
|
|
+ alt=""
|
|
|
+ class="oasis_art_list_left_img"
|
|
|
+ />
|
|
|
<div class="oasis_art_list_left_text1">寄售市场</div>
|
|
|
<div class="oasis_art_list_left_text2">买卖你的元宇宙资产</div>
|
|
|
</div>
|
|
|
- <div class="oasis_art_list_right"></div>
|
|
|
+ <div class="oasis_art_list_right">
|
|
|
+ <div
|
|
|
+ v-for="(item, index) in artList"
|
|
|
+ :key="index"
|
|
|
+ class="oasis_art_list_right_con"
|
|
|
+ @click="artSelection(item.name)"
|
|
|
+ >
|
|
|
+ <img :src="item.img" alt="" class="oasis_art_list_right_con_img" />
|
|
|
+ <div class="oasis_art_list_right_con_name">{{ item.name }}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div> -->
|
|
|
<!-- <swiper :slides-per-view="3" :space-between="16" class="mySwiper" :autoplay="{ delay: 3500 }">
|
|
|
@@ -298,6 +312,24 @@ export default {
|
|
|
miners: [],
|
|
|
list: [],
|
|
|
productsList: [],
|
|
|
+ artList: [
|
|
|
+ {
|
|
|
+ img: require(`@assets/info_icon_banquanshichangtwo@3x.png`),
|
|
|
+ name: '铸造活动'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ img: require(`@assets/info_icon_paimaixilieone@3x.png`),
|
|
|
+ name: '绿洲易拍'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ img: require(`@assets/info_icon_yanshengpingtwo@3x.png`),
|
|
|
+ name: '元宇宙域名'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ img: require(`@assets/info_icon_yanshengpingone@3x.png`),
|
|
|
+ name: '星图NFT'
|
|
|
+ }
|
|
|
+ ],
|
|
|
loading: false,
|
|
|
loadings: false,
|
|
|
finished: false,
|
|
|
@@ -401,6 +433,17 @@ export default {
|
|
|
});
|
|
|
},
|
|
|
methods: {
|
|
|
+ artSelection(name) {
|
|
|
+ if (name == '铸造活动') {
|
|
|
+ this.$router.push('/activityList');
|
|
|
+ } else if (name == '绿洲易拍') {
|
|
|
+ this.$router.push('/auction');
|
|
|
+ } else if (name == '元宇宙域名') {
|
|
|
+ this.$router.push('/domainname');
|
|
|
+ } else {
|
|
|
+ this.$router.push('/starMap');
|
|
|
+ }
|
|
|
+ },
|
|
|
buyingSelling() {
|
|
|
this.domainClassify = 1;
|
|
|
this.getList(true);
|
|
|
@@ -756,7 +799,7 @@ export default {
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
.oasis_art_list_left {
|
|
|
- width: 109px;
|
|
|
+ width: calc(29vw + 0.25px);
|
|
|
height: 152px;
|
|
|
padding-top: 38px;
|
|
|
padding-left: 14px;
|
|
|
@@ -787,6 +830,46 @@ export default {
|
|
|
opacity: 0.5;
|
|
|
}
|
|
|
}
|
|
|
+ .oasis_art_list_right {
|
|
|
+ width: calc(60vw - 1px);
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ .oasis_art_list_right_con {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ width: calc(28vw + 1px);
|
|
|
+ height: 70px;
|
|
|
+ padding-top: 8px;
|
|
|
+ border-radius: 8px;
|
|
|
+ border: 1px solid #63fe75;
|
|
|
+ box-sizing: border-box;
|
|
|
+ // border-image: linear-gradient(
|
|
|
+ // 180deg,
|
|
|
+ // rgba(0, 254, 30, 1),
|
|
|
+ // rgba(99, 254, 117, 0.61),
|
|
|
+ // rgba(255, 255, 255, 0)
|
|
|
+ // )
|
|
|
+ // 1 1;
|
|
|
+ // clip-path: inset(0 round 8px);
|
|
|
+ .oasis_art_list_right_con_img {
|
|
|
+ width: 32px;
|
|
|
+ height: 32px;
|
|
|
+ margin-bottom: 4px;
|
|
|
+ }
|
|
|
+ .oasis_art_list_right_con_name {
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #ffffff;
|
|
|
+ line-height: 14px;
|
|
|
+ text-shadow: 0px 0px 2px #006224;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .oasis_art_list_right_con:first-of-type {
|
|
|
+ margin-bottom: 12px;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
.discover {
|
