新版本游戏试玩APP搭建教程,附上试玩APP源码

详细介绍:
本项目,除了web-view的h5页面用的vue,其他页面都是用的nvue,性能方面也做了很大的优化,无限接近原生体验,你可以点击上面下载地址链接去手机浏览器下载使用,前端代码公共代码封装组件,封装了部分公共js,css,代码非常简洁,支持二次开发,详细功能,都加上了注释,项目Ui也是精心设计的。这个游戏试玩平台最近也比较火,很多小伙伴都想搭建自己的手赚类APP,今天小编就给大家带来一套完整的个人试玩APP搭建,前端基于uni-app开发,后端基于php+mysql开发,修改APP源码里面的 env.js 里面的域名为自己的后台域名即可,修改好了重新打包即可。

前端APP源码下载地址:https://download.csdn.net/download/yezi20189/85948921

<view v-if="showit" class="shiwan"
			style="margin-top: 30upx;margin-left: 24upx;border-radius: 30upx;background-color: #FFFFFF;margin-right: 24upx;">
			<!--<text style="font-size: 34upx;font-weight: 700;margin: 20upx 20upx;">游戏试玩推荐</text>-->
			<view style="height: 10px;"></view>
			<zzx-tabs :items="items" :current="current" @clickItem="onClickItem" ref="mytabs">
			</zzx-tabs>
			<view style="height: 5px;"></view>
			<view style="padding-bottom: 40upx;display: flex;align-items: center;flex-wrap: wrap;margin-left: 0upx;" v-if="apilistkg=='xianwan'">
				<view v-for="(sitem,indexs) in tuijianlist" :key="indexs" @click="xianwandianji(sitem.adlink)"
					style="width: 25%;margin-top: 20upx;height: 210upx;
				display: flex;flex-direction: column;justify-content: space-around;align-items: center;justify-items: center;text-align: center;">
					<image style="border-radius: 10upx;height: 150upx;width: 150upx;margin-bottom: 10upx;"
						:src="sitem.imgurl" mode="">
					</image>
					<view
						style="font-size: 24upx;color: #8F8F94;width: 150upx;text-overflow: ellipsis;overflow: hidden;height: 45upx;">
						<text style="display: -webkit-box;text-overflow: ellipsis;">{{sitem.adname}}</text>
					</view>
					<view
						style="font-size: 24upx;color: #de8c17;width: 150upx;text-overflow: ellipsis;overflow: hidden;height: 45upx;align-items: center;position: relative;justify-content: space-around;">
						<text style="display: -webkit-box;text-overflow: ellipsis;">{{sitem.showmoney}}</text>
					</view>
				</view>
			</view>
			<view style="padding-bottom: 40upx;display: flex;align-items: center;flex-wrap: wrap;margin-left: 0upx;" v-if="apilistkg=='duoyou'">
				<view v-for="(sitem,indexs) in tuijianlist" :key="indexs" @click="dianjiduoyou(sitem.advert_id)"
					style="width: 25%;margin-top: 20upx;height: 210upx;
				display: flex;flex-direction: column;justify-content: space-around;align-items: center;justify-items: center;text-align: center;">
					<image style="border-radius: 10upx;height: 150upx;width: 150upx;margin-bottom: 10upx;"
						:src="sitem.product_icon" mode="">
					</image>
					<view
						style="font-size: 24upx;color: #8F8F94;width: 150upx;text-overflow: ellipsis;overflow: hidden;height: 45upx;">
						<text style="display: -webkit-box;text-overflow: ellipsis;">{{sitem.title}}</text>
					</view>
					<view
						style="font-size: 24upx;color: #de8c17;width: 150upx;text-overflow: ellipsis;overflow: hidden;height: 45upx;align-items: center;position: relative;justify-content: space-around;">
						<text style="display: -webkit-box;text-overflow: ellipsis;">+{{sitem.price}}元</text>
					</view>
				</view>
			</view>
		</view>
  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值