前台:登陆注册,用户中心,公告查看,购物车,商品购买,评论
后台:商品管理 ,类别管理,公告管理,评论管理,用户管理,订单管理
盲盒系统开发部分源码分享:
<div class="particulars" id="particulars"> <div class="particulars_top"> <div class="_top_headline"> <van-icon name="arrow-left" color="#fff" size="0.3rem" @click="$router.go(-1)" /> <h2>{{ boxInfo.title }}</h2> </div> </div> <div class="_commodity"> <div class="commodity_list"> <div class="_left" id="_left" @click="changeSwipe('up')"></div> <div class="_content"> <van-swipe @change="onChange" class="my-swipe" :show-indicators="false" ref="swiper" > <van-swipe-item v-for="(item,index) in goodsList" :key="index" > < img :src="item.image" width="100%" height="100%" /> </van-swipe-item> </van-swipe> </div> <div class="_right" id="_right" @click="changeSwipe('down')"></div> </div> </div> <div class="commodity_message"> <div class="_message"> <van-swipe :show-indicators="false" class="swipe_two" ref="two_swiper" :touchable="false" > <van-swipe-item v-for="(item,index) in goodsList" :key="index" class="swipe_two_item" > <span> < img :src="item.image" alt=""> </span> <p class="van-ellipsis" >{{ item.store_name }}</p > <h3>价值<i>¥{{item.price }}</i> 寄售¥{{item.sell_price }}</h3> </van-swipe-item> </van-swipe> </div> </div> <div class="bottom_shopping"> <div class="_shopping"> <h4>可抽出款式</h4> <div class="_swiper swiper-container"> <swiper class="swiper-wrapper" ref="mySwiper" :options="swiper_tip" v-if="goodsList.length > 1"> <swiperSlide class="li" v-for="(item,index) in goodsList" :key="index"> < img :src="item.image" alt=""> </swiperSlide> </swiper> </div> <div class="purchase_button" @click="goBuy"> <div class="_button"> <button>立即抽盒</button> </div> </div> </div> </div> </div>