【！注意！】技术指导专用文章，实在不会搭建再点击此处
【！注意！】
|
✨ 新推出：兑换码！
进入小程序，获得大额兑换码！最高减100% |
扫码进入小程序 |
随着社交媒体的普及，人们经常分享各种图片和视频。然而，有时候你可能会在一张精彩的照片上发现令人不快的水印，这可能是因为版权保护或其他原因而添加的。不用担心，我们可以使用一个小程序来去除这些烦人的水印，使图片更干净和美观。在本文中，我们将介绍一个简单的去水印小程序，包括展示页面、WXML代码、WXSS代码、JS和JSON代码。
展示页面
我们的去水印小程序将有一个简单的用户界面，用户可以上传包含水印的图片，然后小程序将返回一张去除了水印的视频。
WXML代码：
<view class="data-v-1d9ab24e"><view class="wrap data-v-1d9ab24e"><swiper class="swiper-box data-v-1d9ab24e" current="{{current}}" indicator-dots="{{false}}" duration="{{300}}" data-event-opts="{{[['change',[['changeswiper',['$event']]]]]}}"
bindchange="__e"><swiper-item class="swiper-item data-v-1d9ab24e"><scroll-view style="height:100%;width:100%;" scroll-y="{{true}}" class="data-v-1d9ab24e"><home vue-id="8dd740cc-1" data-ref="home" class="data-v-1d9ab24e vue-ref" bind:__l="__l"></home></scroll-view></swiper-item><swiper-item class="swiper-item data-v-1d9ab24e"><scroll-view style="height:100%;width:100%;" scroll-y="{{true}}" class="data-v-1d9ab24e"><recommend vue-id="8dd740cc-2" data-ref="recommend" class="data-v-1d9ab24e vue-ref" bind:__l="__l"></recommend></scroll-view></swiper-item><swiper-item class="swiper-item data-v-1d9ab24e"><scroll-view style="height:100%;width:100%;" scroll-y="{{true}}" class="data-v-1d9ab24e"><md5 vue-id="8dd740cc-3" data-ref="md5" class="data-v-1d9ab24e vue-ref" bind:__l="__l"></md5></scroll-view></swiper-item><swiper-item class="swiper-item data-v-1d9ab24e"><scroll-view style="height:100%;width:100%;" scroll-y="{{true}}" class="data-v-1d9ab24e"><user vue-id="8dd740cc-4" data-ref="user" class="data-v-1d9ab24e vue-ref" bind:__l="__l"></user></scroll-view></swiper-item></swiper></view><u-tabbar vue-id="8dd740cc-5" list="{{list}}" mid-button="{{false}}" active-color="#ffc600" inactive-color="#434343" value="{{current}}" data-event-opts="{{[['^change',[['change']]],['^input',[['__set_model',['','current','$event',[]]]]]]}}" bind:change="__e" bind:input="__e" class="data-v-1d9ab24e" bind:__l="__l"></u-tabbar></view>WXSS代码：
page{height:100%;background-color:#fff}.wrap.data-v-1d9ab24e{display:flex;flex-direction:column;height:calc(100vh - 0px);width:100%}.swiper-box.data-v-1d9ab24e{flex:1}.swiper-item.data-v-1d9ab24e{height:100%}JAVAscript代码：
// 在页面中定义插屏广告
let interstitialAd = null
// 在页面onLoad回调事件中创建插屏广告实例
if (wx.createInterstitialAd) {
interstitialAd = wx.createInterstitialAd({
adUnitId: 'adunit-d061af15de2ba585'
})
interstitialAd.onLoad(() => {})
interstitialAd.onError((err) => {})
interstitialAd.onClose(() => {})
}
// 在适合的场景显示插屏广告
if (interstitialAd) {
interstitialAd.show().catch((err) => {
console.error(err)
})
}
"use strict";
(global["webpackJsonp"] = global["webpackJsonp"] || []).push([["pages/index/index"], {
"010c": function c(t, e, n) {
"use strict";
var i = n("ab26"),
a = n.n(i);
a.a;
},
"0d59": function d59(t, e, n) {
"use strict";
n.d(e, "b", function () {
return a;
}), n.d(e, "c", function () {
return o;
}), n.d(e, "a", function () {
return i;
});
var i = {
uTabbar: function uTabbar() {
return Promise.all([n.e("common/vendor"), n.e("uview-ui/components/u-tabbar/u-tabbar")]).then(n.bind(null, "a1c6"));
}
},
a = function a() {
var t = this,
e = t.$createElement;
t._self._c;
},
o = [];
},
"20f5": function f5(t, e, n) {
"use strict";
(function (t) {
Object.defineProperty(e, "__esModule", {
value: !0
}), e.default = void 0;
i(n("d4d8"));
function i(t) {
return t && t.__esModule ? t : {
default: t
};
}
var a = function a() {
n.e("pages/tab/home").then(function () {
return resolve(n("9936"));
}.bind(null, n)).catch(n.oe);
},
o = function o() {
n.e("pages/tab/host").then(function () {
return resolve(n("e5d6"));
}.bind(null, n)).catch(n.oe);
},
c = function c() {
n.e("pages/tab/recommend").then(function () {
return resolve(n("1c07"));
}.bind(null, n)).catch(n.oe);
},
r = function r() {
n.e("pages/tab/md5").then(function () {
return resolve(n("c924"));
}.bind(null, n)).catch(n.oe);
},
d = function d() {
n.e("pages/tab/user").then(function () {
return resolve(n("eeaa"));
}.bind(null, n)).catch(n.oe);
},
u = {
components: {
home: a,
host: o,
md5: r,
recommend: c,
user: d
},
data: function data() {
return {
list: [{
iconPath: "/static/image/index.png",
selectedIconPath: "/static/image/indexs.png",
text: "去水印"
}, {
iconPath: "/static/image/new.png",
selectedIconPath: "/static/image/news.png",
text: "推荐"
}, {
iconPath: "/static/image/md5.png",
selectedIconPath: "/static/image/md5s.png",
text: "MD5"
}, {
iconPath: "/static/image/my.png",
selectedIconPath: "/static/image/mys.png",
text: "我的"
}],
current: 0
};
},
onLoad: function onLoad(t) {
this;
},
yuanma:function() {
wx.navigateToMiniProgram({
appId: 'wxa4b823fc974924c5',
path: '',
envVersion: 'release', //develop开发版；trial体验版；release正式版
success(res) {
// 打开成功
}
})
},
onShow: function onShow(e) {
var n,
i = this;
wx.request({
url: i.guanggaopeizhi,
header: {
"content-type": "application/json"
},
method: "get",
success: function success(e) {
console.log(e.data), wx.setStorageSync("bannerid", e.data.bannerid), wx.setStorageSync("interstitialAdId", e.data.interstitialAdId), wx.setStorageSync("jiliAdid", e.data.jiliAdid), wx.setStorageSync("videoAdid", e.data.videoAdid), i.bannerid = e.data.bannerid, i.interstitialAdId = e.data.interstitialAdId, i.jiliAdid = e.data.jiliAdid, i.videoAdid = e.data.videoAdid, t.createInterstitialAd && (console.log("插屏来了...."), n = t.createInterstitialAd({
adUnitId: e.data.interstitialAdId
}), n.onLoad(function () {}), n.offClose(), n.offError(), n.onError(function (t) {}), n.onClose(function () {})), n && setInterval(function () {
n.show().catch(function (t) {
console.error(t);
});
}, 6e4);
},
fail: function fail(t) {}
});
},
methods: {
changeswiper: function changeswiper(e) {
t.setNavigationBarTitle({
title: this.list[e.detail.current].text
}), this.current = e.detail.current;
},
change: function change(t) {
this.current = t;
},
onShareAppMessage: function onShareAppMessage() {
return {
title: "我发现了一个超好用的去水印工具",
path: "/pages/index/index"
};
}
}
};
e.default = u;
}).call(this, n("543d")["default"]);
},
"95eb": function eb(t, e, n) {},
ab26: function ab26(t, e, n) {},
baa8: function baa8(t, e, n) {
"use strict";
var i = n("95eb"),
a = n.n(i);
a.a;
},
bbe4: function bbe4(t, e, n) {
"use strict";
n.r(e);
var i = n("20f5"),
a = n.n(i);
for (var o in i) {
"default" !== o && function (t) {
n.d(e, t, function () {
return i[t];
});
}(o);
}
e["default"] = a.a;
},
e12d: function e12d(t, e, n) {
"use strict";
(function (t) {
n("52a0");
i(n("66fd"));
var e = i(n("e20e"));
function i(t) {
return t && t.__esModule ? t : {
default: t
};
}
wx.__webpack_require_UNI_MP_PLUGIN__ = n, t(e.default);
}).call(this, n("543d")["createPage"]);
},
e20e: function e20e(t, e, n) {
"use strict";
n.r(e);
var i = n("0d59"),
a = n("bbe4");
for (var o in a) {
"default" !== o && function (t) {
n.d(e, t, function () {
return a[t];
});
}(o);
}
n("baa8"), n("010c");
var c,
r = n("f0c5"),
d = Object(r["a"])(a["default"], i["b"], i["c"], !1, null, "1d9ab24e", null, !1, i["a"], c);
e["default"] = d.exports;
}
}, [["e12d", "common/runtime", "common/vendor"]]]);
let videoAd = nullindex.json代码：
{
"navigationBarTitleText": "首页",
"navigationBarBackgroundColor": "#FD6B30",
"navigationBarTextStyle": "white",
"backgroundColor": "#fff",
"usingComponents": {
"u-tabbar": "/uview-ui/components/u-tabbar/u-tabbar",
"home": "/pages/tab/home",
"host": "/pages/tab/host",
"md5": "/pages/tab/md5",
"recommend": "/pages/tab/recommend",
"user": "/pages/tab/user"
}
}完整的源码资源：https://blog.zibovip.top/?p=84https://blog.zibovip.top/?p=84
© 版权声明
THE END
暂无评论内容