Table of contents
5. Part of the source code introduction
A WeChat Mini Program is an application based on the WeChat platform, which can be run directly in WeChat without downloading and installing. The following are some features and introductions of WeChat Mini Programs:
- Quick start : WeChat applets do not need to be downloaded and installed, and users can directly open and use them in WeChat without waiting and occupying mobile phone storage space.
- Cross-platform : WeChat applets can run on multiple platforms such as iOS and Android, and have good cross-platform compatibility.
- Smooth experience : WeChat Mini Programs adopt a lightweight architecture and optimization scheme, which can be quickly loaded and run within WeChat, providing a smooth user experience.
- Seamless Links : WeChat Mini Programs are tightly integrated with the WeChat ecosystem and can seamlessly interact with other WeChat functions and services, such as payment, sharing, geolocation, etc.
- Low development threshold : WeChat Mini Programs use a technology stack similar to front-end development, such as HTML, CSS, and JavaScript. Developers can quickly get started and develop feature-rich Mini Programs.
- Comprehensive development tools and document support : WeChat provides a wealth of development tools and documents, including developer tools, debugging tools, development documents, etc., to facilitate developers to develop, test and release small programs.
- Strong ecosystem : WeChat has a huge user base and an active social ecosystem, which can provide mini programs with a wide range of user groups and social sharing opportunities.
Application Scenarios of WeChat Mini Programs
WeChat Mini Programs are widely used in various fields, such as e-commerce, social networking, education, tourism, entertainment, etc. Developers can develop and publish their own Mini Programs through the WeChat Mini Program platform, and interact with users and conduct business operations.
Today, the editor’s life tool applet is officially launched, and the functions are quite rich. It can be said to be a collection of tools for life, work, entertainment, etc. Friends who are interested can support it. The editor will continue to update it later and provide more useful functions. Let me briefly introduce it to you!
The currently supported functions mainly include the following four applications:
1. Text processing
Convert text to pictures, wing nicknames, fancy fonts, scream words, character emoticons, 520 fonts, and convert money to uppercase
2. Image processing
Image processing is to perform various processing on pictures, such as picture watermark, picture compression, screenshot, splicing, online gallery and other practical functions.
Featured wallpapers, Jiugong grid cut images, watermarking, screenshot splicing, image compression, screenshots with shells, QR code generation, QR code decoding, image color selection, image mosaic
3. Efficiency calculation
Body Calculator, Mortgage Calculator, Salary Calculator, Blood Type Calculator, Relative Calculator, Color Blindness Test, Base Calculator, Internet Speed Test, Protractor, Full Screen Clock, Timer, Random Number, Counter
4. Entertainment
Short video watermark removal, simulated call, color palette, mobile phone detection, hand-held barrage, time flies, WeChat ruler, frequently used calls, dice roll, lifetime time, mobile phone dust removal, mobile phone vibration, compass, flash light, garbage classification.
5. Part of the source code introduction
Daily English Feature Code
The interface effect is as follows:
oneWord.wxml
<!--公告-->
<view class='notice-wrap' hidden='{
{hideNotice}}'>
<view class='tongzhitext'>
<text class="tongzhi-text">{
{imgList.data.ymtxt}}</text>
</view>
<view bindtap='switchNotice' class="closeView" style="position: absolute; left: 707rpx; top: 5rpx ">x</view>
</view>
<!--公告-->
<view class="yms" style="height: 100%;color: gray;font-size: 16px;">
<view style="text-align: left;padding-top: 10px;">
<text>{
{content}}</text>
</view>
<view>
<myaudio1 address="{
{tts}}"></myaudio1>
</view>
<view style="text-align: left;">
<text>——{
{note}}</text>
</view>
<view>
<image style="width:700rpx;" mode="widthFix" src="{
{picture2}}"></image>
</view>
</view>oneWord.js
Page({
data: {
content: "",
tts: "",
note: "",
dateline: "",
picture2: "",
hideNotice: true,
txt: '1'
},
// 点击关闭公告
switchNotice: function () {
this.setData({
hideNotice: true
})
},
onLoad: function () {
wx.request({
url: getApp().globalData.oneWordurl,
success: (result) => {
this.setData({
content: result.data.content,
note: result.data.note,
tts: result.data.tts,
dateline: result.data.dateline,
picture2: result.data.picture
})
}
});
}
})oneWord.wxss
page {
width: 100%;
height: 100%;
}
/* 公告 */
@keyframes remindMessage {
0% {
-webkit-transform: translateX(100%);
}
100% {
-webkit-transform: translateX(-100%);
}
}
.tongzhitext {
margin-right: 80rpx;
margin-left: 10rpx;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.tongzhi-text {
font-size: 28rpx;
animation: remindMessage 8s linear infinite;
width: 100%;
color: #ff4444;
display: block;
}
.notice-wrap {
background: #f5bdbd;
width: 100%;
height: 60rpx;
line-height: 12.8rpx;
color: #ff4444;
font-size: 28rpx;
}
.closeView {
width: 45rpx;
height: 45rpx;
line-height: 45rpx;
position: absolute;
right: 20rpx;
top: 5rpx;
text-align: center;
font-size: 35rpx;
}
audio {
display: flex;
flex-direction: column;
}
.ym {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
margin-top: 0rem;
background-color: #FFFFFF;
margin-bottom: 20px;
margin-right: 20px;
margin-left: 20px;
border-radius: 00rpx 0rpx 20rpx 20rpx;
}
.yms {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
background-color: #FFFFFF;
margin-bottom: 5px;
margin-right: 10px;
margin-left: 10px;
border-radius: 20rpx 20rpx 0rpx 0rpx;
}Open WeChat, search for it, enter [Xiaoming Work Assistant] applet and search directly to experience it
