• 微信小程序源码合集8（iOS计算器+备忘录+仿今日头条+仿腾讯视频+艺术）

     
    哈喽！大家好，我是HappyGirl快乐女孩，最爱海贼王💞💞💞
    是一位爱好技术的【技术Fans】！😜😜😜


    💞💞💞 如果有对技术感兴趣的宅友，欢迎关注💞💞💞
    ❤️❤️❤️感谢各位❤️❤️❤️
    ————————————————

     🎒  🎒  🎒 文章目录 🎒  🎒  🎒

    目录

    🏳️‍🌈 iOS计算器微信小程序源码

    🍁 备忘录微信小程序

    📣 仿今日头条微信小程序

    💞 仿腾讯视频小程序

    🎉 艺术微信小程序源码

    💊 资源链接

    🏳️‍🌈 iOS计算器微信小程序源码

    在“计算器”可以使用标准计算器进行基本的算术计算。不光界面跟苹果一样，功能也齐全都是一样的哦。让你的安卓机也是跟苹果机的风格一模一样。

     

    1. Page({
    2.   data: {
    3.     value: null, // 上次计算后的结果，null表示没有上次计算的结果
    4.     displayValue: '0', // 显示数值
    5.     operator: null, // 上次计算符号，null表示没有未完成的计算
    6.     waitingForOperand: false // 前一按键是否为计算符号
    7.   },
    8.  
    9.   onLoad: function(options) {
    10.     this.calculatorOperations = {
    11.       'key-divide': (prevValue, nextValue) => prevValue / nextValue,
    12.       'key-multiply': (prevValue, nextValue) => prevValue * nextValue,
    13.       'key-add': (prevValue, nextValue) => prevValue + nextValue,
    14.       'key-subtract': (prevValue, nextValue) => prevValue - nextValue,
    15.       'key-equals': (prevValue, nextValue) => nextValue
    16.     }
    17.   },
    18.   
    19.   /* AC操作，一下回到解放前 */
    20.   clearAll() {
    21.     this.setData({
    22.       value: null,
    23.       displayValue: '0',
    24.       operator: null,
    25.       waitingForOperand: false
    26.     })
    27.   },
    28.  
    29.   /* 仅清空当前显示的输入值 */
    30.   clearDisplay() {
    31.     this.setData({
    32.       displayValue: '0'
    33.     })
    34.   },
    35.  
    36.   onTapFunction: function(event) {
    37.     const key = event.target.dataset.key;
    38.  
    39.     switch(key) {
    40.       case 'key-clear':
    41.         if (this.data.displayValue !== '0') {
    42.           this.clearDisplay();
    43.         } else {
    44.           this.clearAll();
    45.         }
    46.  
    47.         break;
    48.  
    49.       case 'key-sign':
    50.         var newValue = parseFloat(this.data.displayValue) * -1
    51.         
    52.         this.setData({
    53.           displayValue: String(newValue)
    54.         })
    55.  
    56.         break;
    57.  
    58.       case 'key-percent':
    59.         const fixedDigits = this.data.displayValue.replace(/^-?\d*\.?/, '')
    60.         var newValue = parseFloat(this.data.displayValue) / 100
    61.         
    62.         this.setData({
    63.           displayValue: String(newValue.toFixed(fixedDigits.length + 2))
    64.         });
    65.  
    66.         break;
    67.         
    68.       default:
    69.         break;
    70.     }
    71.   },
    72.  
    73.   onTapOperator: function(event) {
    74.     const nextOperator = event.target.dataset.key;
    75.     const inputValue = parseFloat(this.data.displayValue);
    76.     
    77.     if (this.data.value == null) {
    78.       this.setData({
    79.         value: inputValue
    80.       });
    81.     } else if (this.data.operator) {
    82.       const currentValue = this.data.value || 0;
    83.       const newValue = this.calculatorOperations[this.data.operator](currentValue, inputValue);
    84.  
    85.       this.setData({
    86.         value: newValue,
    87.         displayValue: String(newValue)
    88.       });
    89.     }
    90.     
    91.     this.setData({
    92.       waitingForOperand: true,
    93.       operator: nextOperator
    94.     });
    95.   },
    96.  
    97.   onTapDigit: function(event) {
    98.     const key = event.target.dataset.key; // 根据data-key标记按键
    99.  
    100.     if(key == 'key-dot') {
    101.       // 按下点号
    102.       if (!(/\./).test(this.data.displayValue)) {
    103.         this.setData({
    104.           displayValue: this.data.displayValue + '.',
    105.           waitingForOperand: false
    106.         })
    107.       }
    108.     } else {
    109.       // 按下数字键
    110.       const digit = key[key.length-1];
    111.  
    112.       if (this.data.waitingForOperand) {
    113.         this.setData({
    114.           displayValue: String(digit),
    115.           waitingForOperand: false
    116.         })
    117.       } else {
    118.         this.setData({
    119.           displayValue: this.data.displayValue === '0' ? String(digit) : this.data.displayValue + digit
    120.         })
    121.       }
    122.     }
    123.   }
    124. })

    🍁 备忘录微信小程序

     

    1. //index.js
    2. var dataUrl = 'http://ws.stream.qqmusic.qq.com/M500001VfvsJ21xFqb.mp3?guid=ffffffff82def4af4b12b3cd9337d5e7&uin=346897220&vkey=6292F51E1E384E061FF02C31F716658E5C81F5594D561F2E88B854E81CAAB7806D5E4F103E55D33C16F3FAC506D1AB172DE8600B37E43FAD&fromtag=46'
    3. var util = require("../../utils/util.js");
    4.  
    5. //更改数组 第三个参数是对象
    6. function editArr(arr,i,editCnt){
    7.   let newArr = arr,editingObj = newArr[i];   
    8.     for (var x in editCnt){
    9.       editingObj[x]= editCnt[x];
    10.     }
    11.   return newArr;
    12. }
    13.  
    14. //获取应用实例
    15. var app = getApp()
    16. Page({
    17.   data: {  
    18.     userInfo: {},
    19.     curIpt:'',
    20.     showAll:true,
    21.     lists:[],
    22.     curRange:[],
    23.     curBegin:0,
    24.     curFinish:1,
    25.     remind:[]
    26.   },
    27.   //事件处理函数
    28.   bindViewTap: function() {
    29.     wx.navigateTo({
    30.       url: '../logs/logs'
    31.     })
    32.   },
    33.   onLoad: function () {
    34.     var that = this;
    35.     //获取之前保留在缓存里的数据
    36.     wx.getStorage({
    37.       key: 'todolist',
    38.       success: function(res) {
    39.         if(res.data){
    40.            that.setData({
    41.             lists:res.data
    42.           })
    43.         }
    44.       } 
    45.     })
    46.     //获取用户信息
    47.     app.getUserInfo(function(userInfo){
    48.       that.setData({
    49.         userInfo:userInfo
    50.       })
    51.     })
    52.   },
    53.   iptChange(e){ 
    54.     let timeArr = util.setTimeHalf();   
    55.     this.setData({
    56.       curIpt:e.detail.value,
    57.       curRange:timeArr
    58.     })
    59.   },
    60.   formReset(){
    61.     this.setData({
    62.       curIpt:'',
    63.       curRange:[]
    64.     })
    65.   },
    66.   formSubmit(){
    67.     let cnt = this.data.curIpt,newLists = this.data.lists,i = newLists.length,begin=this.data.curRange[this.data.curBegin],finish = this.data.curRange[this.data.curFinish];
    68.     if (cnt){
    69.        newLists.push({id:i,content:cnt,done:false,beginTime:begin,finishTime:finish,editing:false});
    70.        this.setData({
    71.         lists:newLists,
    72.         curIpt:''
    73.       }) 
    74.     }
    75.   },
    76.   beginChange(e){
    77.      this.setData({
    78.       curBegin: e.detail.value,
    79.       curFinish: Number(e.detail.value)+1
    80.     })
    81.   },
    82.   finishChange(e){
    83.     this.setData({
    84.       curFinish: e.detail.value
    85.     })
    86.   },
    87.   //修改备忘录
    88.   toChange(e){
    89.     let i = e.target.dataset.id;
    90.       this.setData({
    91.         lists:editArr(this.data.lists,i,{editing:true})
    92.       })
    93.   },
    94.   iptEdit(e){
    95.     let i = e.target.dataset.id;
    96.     this.setData({
    97.       lists:editArr(this.data.lists,i,{curVal:e.detail.value})
    98.     })
    99.   },
    100.   saveEdit(e){   
    101.     let i = e.target.dataset.id;
    102.     this.setData({
    103.       lists:editArr(this.data.lists,i,{content:this.data.lists[i].curVal,editing:false})
    104.     })
    105.   },
    106.   setDone(e){
    107.     let i = e.target.dataset.id,originalDone = this.data.lists[i].done;
    108.       this.setData({
    109.         lists:editArr(this.data.lists,i,{done:!originalDone})
    110.       })
    111.   },
    112.   toDelete(e){
    113.     let i = e.target.dataset.id,newLists = this.data.lists;
    114.     newLists.map(function(l,index){
    115.       if (l.id == i){      
    116.         newLists.splice(index,1);
    117.       }
    118.     })   
    119.     this.setData({
    120.         lists:newLists
    121.       })
    122.   },
    123.   doneAll(){
    124.     let newLists = this.data.lists;
    125.     newLists.map(function(l){
    126.       l.done = true;
    127.     })   
    128.     this.setData({
    129.         lists:newLists
    130.       })
    131.   },
    132.   deleteAll(){
    133.     this.setData({
    134.         lists:[],
    135.         remind:[]
    136.       })
    137.   },
    138.   showUnfinished (){
    139.     this.setData({
    140.       showAll:false
    141.     })
    142.   },
    143.   showAll(){
    144.     //显示全部事项
    145.      this.setData({
    146.       showAll:true   
    147.     })
    148.   },
    149.   saveData(){
    150.     let listsArr = this.data.lists;
    151.     wx.setStorage({
    152.       key:'todolist',
    153.       data:listsArr
    154.     })
    155.   }
    156.   
    157. })

    📣 仿今日头条微信小程序

     

    1. //index.js
    2. //获取应用实例
    3. var net = require("../common/netLoad.js");
    4. var app = getApp();
    5. let params = {"device_id":60926495334,"category":"__all__","iid":5034850950};
    6. import {fetchHeadName,loadHomeCategoryNewsFeed,loadHomeCategoryMoreNewsFeed} from "../common/netTool.js"
    7. // var net1 = require("../common/netTool.js");
    8. import dateTimeStamp from '../common/datamissing.js';
    9.  
    10. Page({
    11.   data: {
    12.     motto: 'Hello World',
    13.     userInfo: {},
    14.     selData:[],
    15.     ishidden:true,
    16.     curpage:0,
    17.     detaildata:[],
    18.     timePublic:[],
    19.     loading:false
    20.   },
    21.  
    22.    onReady:function(){
    23.          this.animation =  wx.createAnimation({
    24.             duration:1000,
    25.             timingFunction:"ease",
    26.          })
    27.    },
    28.  
    29.   //排列数据
    30.   listdata(resp){
    31.       // var jsonstr = resp.data.data[0].content;
    32.       var dataArr = [],timepublic = [];
    33.       for (var index of resp.data.data){
    34.           //转换Json字符串=》Json对象
    35.           dataArr.push(JSON.parse(index.content));
    36.       }
    37.       for (var data of dataArr){
    38.           var time = dateTimeStamp(data.publish_time);
    39.           data.publish_time = time;
    40.       }
    41.       console.log(dataArr);
    42.       this.setData({
    43.         detaildata:dataArr,
    44.         loading:true
    45.       });
    46.   },
    47.  
    48.   onLoad: function () {
    49.     console.log('onLoad');
    50.      wx.showNavigationBarLoading();
    51.     let dataArr = [],topname = [];
    52.  
    53.     fetchHeadName().then(resp=>{
    54.         //此时给头部
    55.         // console.log(resp.data.data.data[0].name);
    56.         wx.hideNavigationBarLoading();
    57.         dataArr = resp.data.data.data;
    58.         console.log(dataArr);
    59.         this.setData({
    60.           selData:dataArr
    61.         })
    62.     })
    63.     loadHomeCategoryNewsFeed("__all__").then(resp=>{
    64.           this.listdata(resp);
    65.     })
    66.   },
    67.   
    68.   listClick(e){
    69.         this.setData({
    70.           loading:false
    71.         })
    72.         var idx = e.currentTarget.dataset.idx;
    73.         console.log(idx);
    74.         var selLength = this.data.selData.length;
    75.         for (var i=0; i<selLength; i++){
    76.           if(i == e.target.id){
    77.             this.setData({
    78.               ishidden:false,
    79.               curpage:e.target.id           
    80.             });
    81.             break;
    82.           }
    83.         }
    84.         //此时得到刷新列表的数据
    85.        loadHomeCategoryNewsFeed(idx).then(resp=>{
    86.            console.log(resp);
    87.            this.listdata(resp);
    88.        })
    89.   },
    90.   //添加数据
    91.    addData(e){
    92.      wx.showNavigationBarLoading();
    93.       var now = new Date().getTime()/1000;
    94.       var curdata = this.data.detaildata;
    95.       loadHomeCategoryMoreNewsFeed("__all__",now).then(resp=>{
    96.         var arr = resp.data.data;
    97.         var dataArr = [];
    98.         for (var index of arr){
    99.             //转换Json字符串=》Json对象
    100.             dataArr.push(JSON.parse(index.content));
    101.         }
    102.         curdata = curdata.concat(dataArr);
    103.         console.log(curdata);
    104.          wx.hideNavigationBarLoading();
    105.         this.setData({
    106.         detaildata:curdata,
    107.       });
    108.       })
    109.    }
    110. })
    111.  
    112.

    💞 仿腾讯视频小程序

     

    1. //index.js
    2. //获取应用实例
    3. var app = getApp()
    4. Page({
    5.   data: {
    6.     scrollId : 'red',
    7.     isScrollX: true,
    8.     bannerList  : [
    9.       {
    10.         url :　"../../images/hu_1.png"
    11.       },{
    12.         url :  "../../images/huang_1.jpg"
    13.       },{
    14.         url :  "../../images/zhao_1.jpg"
    15.       }
    16.     ],
    17.     activeBannerIndex : 0,
    18.     userInfo: {}
    19.   },
    20.   search:function(event){
    21.     wx.navigateTo({
    22.       url:"../search/search"
    23.     });
    24.   },
    25.   //事件处理函数
    26.   bindViewTap: function() {
    27.     wx.navigateTo({
    28.       url: '../logs/logs'
    29.     })
    30.   },
    31.   bindChange : function(e){
    32.       this.setData({activeBannerIndex : e.detail.current});
    33.   },
    34.   onLoad: function () {
    35.     wx.showToast({
    36.       title:"加载中...",
    37.       icon:"loading",
    38.       duration:10000,
    39.     });
    40.     wx.hideToast();
    41.     console.log('onLoad')
    42.     var that = this
    43.     //调用应用实例的方法获取全局数据
    44.     app.getUserInfo(function(userInfo){
    45.  
    46.       //更新数据
    47.       that.setData({
    48.         userInfo:userInfo
    49.       })
    50.     })
    51.     console.log(app.globalData);
    52.     this.setData({'windowWidth' : app.globalData.windowWidth});
    53.   }
    54. })

    🎉 艺术微信小程序源码

     

     

     

     

     

    1. //app.js
    2. App({
    3.   onLaunch: function () {
    4.     //调用API从本地缓存中获取数据
    5.     var logs = wx.getStorageSync('logs') || []
    6.     logs.unshift(Date.now())
    7.     wx.setStorageSync('logs', logs)
    8.   },
    9.   getUserInfo: function(cb){
    10.     var that = this
    11.     if(this.globalData.userInfo){
    12.       typeof cb == "function" && cb(this.globalData.userInfo)
    13.     }else{
    14.       //调用登录接口
    15.       wx.login({
    16.         success: function () {
    17.           wx.getUserInfo({
    18.             success: function (res) {
    19.               that.globalData.userInfo = res.userInfo
    20.               typeof cb == "function" && cb(that.globalData.userInfo)
    21.             }
    22.           })
    23.         }
    24.       })
    25.     }
    26.   },
    27.   getSystemInfo: function (cb) {
    28.     var that = this
    29.     if(that.globalData.systemInfo){
    30.       typeof cb == "function" && cb(that.globalData.systemInfo)
    31.     }else{
    32.       wx.getSystemInfo({
    33.         success: function(res) {
    34.           that.globalData.systemInfo = res
    35.           typeof cb == "function" && cb(that.globalData.systemInfo)
    36.         }
    37.       })
    38.     }
    39.   },
    40.   globalData:{
    41.     userInfo: null,
    42.     systemInfo: null
    43.   }
    44. })

    💊 资源链接

    微信小程序源码合集8（iOS计算器+备忘录+仿今日头条+仿腾讯视频+艺术）.rar-小程序文档类资源-CSDN文库

    各位走过路过，不要错过，记得关注我哦

     

  • 相关阅读:
    【常用代码14】el-input输入框内判断正则，只能输入数字，过滤汉字+字母。
    ssm网上书城系统毕业设计-附源码180919
    【附源码】Python计算机毕业设计网络教育平台设计
    可以 DIY 装修的商城系统，你也能拥有！
    【华为OD机试真题 JAVA】贪吃蛇
    D. Meta-set #824 div2
    台达DOP-B07S410触摸屏出现HMI no response无法上传的解决办法
    Java中Date实现比较大小
    汽车以太网简史
    使用Portman、Postman和Newman自动化API测试
  • 原文地址：https://blog.csdn.net/weixin_67336587/article/details/125507052