这是一个用uniapp 写的微信壁纸小程序,ui框架采用uview,支持流量主banner广告、激励视频广告、视频广告。
小程序用积分限制用户无限制下载,用户可以通过看激励广告直接无消耗下载壁纸。
用户可通过签到、分享小程序和积分兑换码获得积分,其中签到时,看激励广告可以获得3倍积分。
小程序配备登录功能,将用户名和图片名存入数据库,将用户头像存入azure云储存中,不占用服务器空间。
页面展示如下:
![](https://i-blog.csdnimg.cn/blog_migrate/e6fa3658d8ddf4b0d44e6fcd5f7df052.jpeg)
部分代码展示:
<template>
<view>
<view>
<home v-if="PageCur=='0'" ref="home"></home>
<category v-if="PageCur=='1'" ref="category"></category>
<search v-if="PageCur=='2'" ref="search"></search>
<mine v-if="PageCur=='3'" ref="mine"></mine>
</view>
<view class="tabbar">
<u-tabbar :value="PageCur" @change="change1" :fixed="true" :placeholder="true" :safeAreaInsetBottom="false">
<u-tabbar-item text="首页" icon="home"></u-tabbar-item>
<u-tabbar-item text="分类" icon="tags"></u-tabbar-item>
<u-tabbar-item text="搜索" icon="search"></u-tabbar-item>
<u-tabbar-item text="我的" icon="account"></u-tabbar-item>
</u-tabbar>
</view>
</view>
</template>
<script>
var App = require("@/common.js");
import home from "@/pages/index/index.vue"; //首页
import category from "@/pages/category/category.vue"; //首页
import search from "@/pages/search/search.vue"; //搜索页
import mine from "@/pages/mine/mine.vue"; //搜索页
export default {
components: {
home,
category,
search,
mine
},
data() {
return {
PageCur: 0,
map1: [
"首页",
"分类",
"搜索",
"我的"
],
}
},
mounted() {
let _this = this;
_this.wxlogin();
},
methods: {
change1(name) {
this.PageCur = name;
uni.setNavigationBarTitle({
title: this.map1[name]
});
},
async userLogin(code) {
const res = await App._getRequest({
url: '/getSettingAndUserInfo?code=' + code,
method: 'GET'
});
if (res.data["code"] === 200) {
uni.setStorageSync("userinfo",res.data["data"]["userinfo"])
uni.setStorageSync("setting",res.data["data"]["setting"])
uni.setStorageSync("share",res.data["data"]["share_setting"])
} else {
uni.showToast({
icon: "error",
title: "服务器问题",
})
uni.clearStorageSync();
}
},
wxlogin() {
let _this = this;
wx.login({
provider: 'weixin',
onlyAuthorize: true,
success: (logincode) => {
_this.userLogin(logincode.code)
},
fail(err) {
uni.showToast({
icon: "error",
title: err.errMsg,
})
}
})
}
},
}
</script>
<style>
</style>
源码获取可见我的gitee: 微信壁纸小程序uniapp: 这是一个用uniapp 写的微信壁纸小程序,ui框架采用uview,支持流量主banner广告、激励视频广告、视频广告。