端午送祝福语小程序源码

这篇具有很好参考价值的文章主要介绍了端午送祝福语小程序源码。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

端午即将来临,端午节,又称端阳节、龙舟节、重五节、天中节等,是集拜神祭祖、祈福辟邪、欢庆娱乐和饮食为一体的民俗大节。是我国四大传统节日之一。

今天给大家奉上一款小程序,端午节送祝福的,只有前端页面,直接上传到小程序后台就可以用!

该小程序的作用就是祝福语生成距离端午节也不远了,可以抓住机会蹭一波流量用户可以点击直接发送祝福语给好友,分享的时候会显示用户名字可以自动识别用户头像和名字,用户黏度比较高

端午送祝福语小程序源码

 完整代码

 app.js

App({
    isIos: 0,
    data: {
        version: 1.5,
        systemInfo: {},
        userInfo: {},
        loginInfo: {},
        gGaoSet: [],
        authorizeUserInfo: !1,
        versionIsShow: !1,
        shareImg: "",
        shareTitle: "",
        moveBtnisShow: !1,
        guanggaoisShow: !1,
        musicLine: !0,
        cutMusic: !1,
        shutMusic: !0,
        mp4Url: "https://cdn.zhuangb123.com/dwj/mp_3.mp3",
        isShow: !1,
        isOPen: 0
    },
    onLaunch: function(a) {
        var t = this;
        wx.cloud.init(), wx.showShareMenu({
            withShareTicket: !1
        }), wx.getSystemInfo({
            success: function(a) {
                t.data.systemInfo = a, -1 != a.system.indexOf("iOS") && (t.isIos = !0);
            }
        }), t.appInitData(), t.data.shutMusic && t.appPlayBgMusic(), wx.removeStorageSync("gGaoSet"), 
        this.initData(a);
    },
    appInitData: function() {
        var a = this;
        a.data.userInfo = wx.getStorageSync("userInfo"), a.data.loginInfo = wx.getStorageSync("loginInfo"), 
        a.data.userInfo && a.data.loginInfo ? a.data.authorizeUserInfo = !0 : a.data.authorizeUserInfo = !1;
    },
    appPlayBgMusic: function(a) {
        var t = this;
        a ? (t.data.musicLine = !0, wx.playBackgroundAudio({
            dataUrl: t.data.mp4Url,
            success: function(a) {
                wx.onBackgroundAudioPause(function() {
                    t.data.musicLine = !1;
                }), wx.onBackgroundAudioStop(function() {
                    console.log(t.data.musicLine), t.data.musicLine && wx.playBackgroundAudio({
                        dataUrl: t.data.mp4Url
                    });
                });
            }
        })) : (t.data.musicLine = !1, wx.stopBackgroundAudio());
    },
    onShow: function(a) {
        var t = this;
        t.data.shutMusic && (t.data.cutMusic ? t.appPlayBgMusic(!1) : t.appPlayBgMusic(!0)), 
        wx.getStorageSync("is_first") || (wx.setStorageSync("is_first", "no"), wx.cloud.callFunction({
            name: "userid",
            data: {},
            success: function(a) {},
            fail: console.error
        }));
    },
    onHide: function() {
        var a = this;
        a.data.shutMusic && (a.data.musicLine = !1, a.appPlayBgMusic(!1));
    },
    initData: function(a) {
        this.data.share_data = a.query;
    }
});

 app.json

{
    "pages": [
        "pages/index/index",
        "pages/wishdetail/wishdetail",
        "pages/ds/ds",
        "pages/MoreMoremoney/MoreMoremoney",
        "pages/sendreceived/sendreceived",
        "pages/mywish/mywish"
    ],
	"requiredBackgroundModes": ["audio", "location"],
    "window": {
        "backgroundTextStyle": "light",
        "navigationBarBackgroundColor": "#91BF15",
        "navigationBarTitleText": "端午节包粽子",
        "navigationBarTextStyle": "white"
    },
    "sitemapLocation": "sitemap.json"
}

 app.wxss文章来源地址https://www.toymoban.com/news/detail-511842.html

.item {
    align-items: center;
}

.item,.item-top {
    display: flex;
    justify-content: center;
}

.item-top {
    align-items: flex-start;
}

.item-bottom {
    align-items: flex-end;
    display: flex;
    justify-content: center;
}

.content {
    position: relative;
    width: 100%;
}

.shang {
    animation: swing 1s linear infinite;
    height: 120rpx;
    top: 20%;
    width: 120rpx;
}

.gd,.shang {
    position: absolute;
    right: 0rpx;
    z-index: 8;
}

.gd {
    animation: huxi 1s linear infinite;
    height: 144rpx;
    margin-right: 10rpx;
    top: 33%;
    width: 144rpx;
}

@-webkit-keyframes huxi {
    0% {
        transform: scale(1,1);
    }

    50% {
        transform: scale(1.1,1.1);
    }

    100% {
        transform: scale(1,1);
    }
}

@-webkit-keyframes swing {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(-20rpx);
    }

    60%,80%,100% {
        transform: rotate(15deg) translateX(-20rpx);
    }

    70%,90% {
        transform: rotate(-15deg) translateX(-20rpx);
    }
}

.page-bg-box {
    overflow: hidden;
    position: relative;
}

.page-bg-box,.page-icon {
    height: 100vh;
    width: 100%;
}

.content-float {
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}

.loadinghintcell {
    color: #000;
    font-size: 24rpx;
    text-align: center;
}

.box-image>image {
    height: 100%;
    width: 100%;
}

.btns-active:active {
    transform: scale(.9,.9);
    transition: .2s ease;
}

button {
    border: none;
    display: inline-block;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    width: 100%;
}

.button-hover,button {
    background: transparent;
}

button::after,button::before {
    background: transparent;
    border: none;
    opacity: 0;
}

.mini-banner {
    background: #eee;
    bottom: 0;
    height: 150rpx;
    height: auto;
    left: 0;
    margin: 0 auto;
    position: fixed;
    text-align: center;
    width: 750rpx;
    z-index: 999;
}

.mini-banner .banner-box {
    display: inline-block;
    height: 100%;
    width: 100%;
}

.rotating {
    animation: rotate 2s linear infinite;
    transition-property: -webkit-transform;
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(1turn);
    }
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

.date-image {
    background: #eee;
    left: -50000px;
    margin: 0 auto;
    position: fixed;
    text-align: center;
    top: 50rpx;
    z-index: 9999;
}

.adbox {
    bottom: 0rpx;
    height: auto;
    left: 10%;
    margin: auto;
    position: absolute;
    width: 80%;
}

到了这里,关于端午送祝福语小程序源码的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信记账小程序源码/个人记账本小程序源码

    微信记账小程序源码,个人记账本小程序源码。一款实用的记账列表,分类记账,生活记账小程序工具。包含:添加记账、编辑记账、统计分析、计算器等4个页面。 下载链接: 微信记账小程序源码/个人记账本小程序源码

    2024年02月12日
    浏览(37)
  • 烘焙小程序蛋糕店烘焙店源码点心店小程序源码

    本系统开发使用JAVA技术栈开发 使用uniapp技术栈 支持微信小程序 ,对接打印机,对接第三方同城跑腿平台 用户端使用:uniapp 管理端使用:vue+elementui 后台服务使用:springboot+jpa  

    2024年02月13日
    浏览(48)
  • 商城小程序源码|开源小程序商城完整源码附视频搭建教程

    商城小程序是基于微信、抖音和头条等第三方平台为基础构建的社区电商购物系统。在本文中我们将讨论小程序商场源码的架构思路和基本方法。 源码及演示:xcxyms.top 商城小程序源码所要提供的功能 1、用户可以下单并购买商品。 2、用户将能够添加购物车。 3、用户便捷的

    2024年02月09日
    浏览(45)
  • 开源商城小程序源码(小程序商城完整版源码)附搭建部署教程

    更适合餐饮行业的餐厅小程序,无缝连接商家与用户,满足商家堂食、外卖业务模式,助力线下门店服务升级,带来更优的消费体验。三勾点餐系统,校园点餐系统,门店点餐系统 项目介绍 三勾点餐系统基于thinkphp6+element-ui+uniapp打造的面向开发的小程序商城,方便二次开发

    2024年02月11日
    浏览(39)
  • 多功能租车平台微信小程序源码 汽车租赁平台源码 摩托车租车平台源码 汽车租赁小程序源码

    多功能租车平台微信小程序源码是一款用于汽车租赁的平台程序源码。它提供了丰富的功能,可以用于租赁各种类型的车辆,包括汽车和摩托车。 这个小程序源码可以帮助用户方便地租赁车辆。用户可以通过小程序浏览车辆列表,查看车辆的详细信息,包括车型、价格、租期

    2024年02月11日
    浏览(51)
  • 家教上门助教小程序源码,家教小程序,家教系统,家教app,家教源码

    家教上门助教小程序源码,家教小程序,家教系统,家教app,家教源码 推荐使用宝塔面板Linux+ Nginx+PHP+MYSQL 支持家教老师筛选 支持家教人员入住 支持购买课程 支持教学资讯 支持订单课程  

    2024年01月20日
    浏览(48)
  • 2023最新UI酒桌喝酒游戏小程序源码 娱乐小程序源码 带流量主

    2023最新UI酒桌喝酒游戏小程序源码 娱乐小程序源码 带流量主 修改增加了广告位,根据文档直接替换,原版本没有广告位 直接上传源码到开发者端即可 通过后改广告代码,然后关闭广告展示提交,通过后打开即可 无广告引流 流量主版本的(配合流量主搭建) 源码下载:

    2024年02月07日
    浏览(38)
  • 开源付费短剧小程序源码 影视付费小程序源码 带支付+采集+完整前后端

    分享一个开源付费短剧小程序源码、影视付费小程序源码,系统带支付+采集+完整前后端和搭建教程。 系统功能介绍: 仿抖音滑动效果,支持无限滑动 高性能滑动 预加载 视频预览,支持剧情介绍,集合壁纸,支持会员模式,支持用户单独购买等等多功能。   小程序源码下载地

    2024年02月14日
    浏览(48)
  • 大红喜庆版UI猜灯谜小程序源码/猜字谜微信小程序源码

    ☑️ 编号:ym242 ☑️ 品牌:微信小程序 ☑️ 语言:wx ☑️ 大小:1.49MB ☑️ 类型:猜灯谜 ☑️ 支持:小程序 🎉 欢迎免费领取(注明编号) 🎉 ✨ 源码介绍 今天给大家带来一款UI比较喜庆的猜灯谜小程序,大家看演示图的时候当然也是可以看得到那界面是多么的喜庆,而

    2024年02月12日
    浏览(33)
  • 省钱兄同城跑腿小程序源码uniapp前端模版源码(小程序+APP+H5)

    开源省钱兄同城跑腿源码,目前只开源用户端V2版本部分核心模块源码提供学习研究 使用uniapp技术,提供学习使用不可商业 适配支持公众号+APP+H5+小程序,使用Hbuilder导入即可运行 #功能说明 发布跑腿 订单管理 轮播 帮我买 帮我送 同城服务 同城帮买 万能任务 公告 红包 地址

    2024年02月11日
    浏览(45)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包