NFT数字藏品盲盒系统开发技术方案分享

幸运盲盒APP系统部分开发源码分享

<div class="blind_box" ref="container" id="blind_box" style="padding-bottom: 1.5rem;">

<div class="_announcement">

<van-notice-ba

scrollable

color="#ffffff"

delay="0.1s"

left-icon="volume-o"

speed=40

text="盲盒均支持全国包邮发货，敬请知悉！"

background="#615d5d"

/>

<van-icon name="cross" class="_right" color="#fff" />

</div>

<div class="logo_headline">

<div class="_headline">惊喜盲盒</div>

<!--<div class="_hegui">我的<br />盒柜</div>-->

</div>

<div class="blind_box_list">

<div class="_list_content">

<!--<div class="zzch">

<div class="_left">

<h3>正在抽盒</h3>

<p><span>123456</span>人正在疯抢</p >

</div>

<div class="_right">

<span>

< img src="@assets/images/index/c1.png" alt="">

</span>

<span>

< img src="@assets/images/index/c2.png" alt="">

</span>

<span>

< img src="@assets/images/index/c3.png" alt="">

</span>

<span>

< img src="@assets/images/index/yuan.png" alt="">

</span>

</div>

</div>-->

<!-- 348 270 -->

<div class="_commodity_list">

<ul>

<li

v-for="(item,index) in boxList"

:key="index"

@click="$router.push('/box_detail/' item.id)"

>

<div class="_commodity_img">

< img :src="item.image" alt="">

</div>

<div class="_commodity_name van-ellipsis">

<p><span>¥{{ item.price }}</span>{{ item.title }}</p >

</div>

</li>

</ul>

</div>

</div>

</div>

</div>