wxProject-w4w/miniprogram/pages/index/index.ts

// index.ts
// 获取应用实例

const app = getApp<IAppOption>()

Page({
    ctx:wx.createCameraContext(),
    data: {
        motto: 'Hello World',
        text_startPage1: "知识库",
        text_startPage4: "个性化",
        imgUrl_startPage1:"./static/icons/lib.svg",
        imgUrl_startPage2:"./static/icons/history.svg",
        imgUrl_startPage3:"./static/icons/heart.svg",
        imgUrl_startPage4:"./static/icons/self.svg",
        tip_content: "不吃饭会饿死",
        tip_hidden: false,
        active_Page: "startPage",
        currentDate: '',
        // userInfo: {},
        // hasUserInfo: false,
        // canIUse: wx.canIUse('button.open-type.getUserInfo'),
        // canIUseGetUserProfile: false,
        // canIUseOpenData: wx.canIUse('open-data.type.userAvatarUrl') && wx.canIUse('open-data.type.userNickName') // 如需尝试获取用户信息可改为false
    },
    onLoad() {
        // @ts-ignore
        if (wx.getUserProfile) {
            this.setData({
                canIUseGetUserProfile: true
            })
            this.getDate();
        }
    },

    startPage_Bottons_leave() {
        //   var fd = wx.createSelectorQuery()
        var time = 700;
        var time1 = () => {
            return Math.random() * 200;
        }
        this.animate('#gotoSearch', [
            { opacity: 1, translateY: 0, ease: 'ease-in' }, { opacity: 0, translateY: -300, ease: 'ease-in' },
        ], time)
        this.animate('#tips_startPage', [
            { opacity: 1, ease: 'ease-in' }, { opacity: 0, ease: 'ease-in' },
        ], time, () => { 
            // this.setData({ tip_hidden: true })
         })
        setTimeout(() => {
            this.animate('#buttom_startPage1', [
                { opacity: 1, translateX: 0, ease: 'ease-in' }, { opacity: 0, translateX: -300, ease: 'ease-in' },
            ], time)
        }, time1())

        setTimeout(() => {
            this.animate('#buttom_startPage3', [
                { opacity: 1, translateX: 0, ease: 'ease-in' }, { opacity: 0, translateX: -300, ease: 'ease-in' },
            ], time)
        }, time1())

        setTimeout(() => {
            this.animate('#buttom_startPage4', [
                { opacity: 1, translateX: 0, ease: 'ease-in' }, { opacity: 0, translateX: 300, ease: 'ease-in' },
            ], time)
        }, time1())
        setTimeout(() => {
            this.animate('#buttom_startPage2', [
                { opacity: 1, translateX: 0, ease: 'ease-in' }, { opacity: 0, translateX: 300, ease: 'ease-in' },
            ], time)
        }, time1())
    },
    startPage_Bottons_in() {
        //   var fd = wx.createSelectorQuery()
        var time = 700;
        var time1 = () => {
            return Math.random() * 200;
        }
        this.animate('#gotoSearch', [
            { opacity: 0, translateY: -300, ease: 'ease-in' },{ opacity: 1, translateY: 0, ease: 'ease-out' },
        ], time)
        // this.setData({ tip_hidden: false })
        this.animate('#tips_startPage', [
            { opacity: 0, ease: 'ease-in' }, { opacity: 1, ease: 'ease-out' }, 
        ], time)
        setTimeout(() => {
            this.animate('#buttom_startPage1', [
                { opacity: 0, translateX: -300, ease: 'ease-in' },{ opacity: 1, translateX: 0, ease: 'ease-out' }, 
            ], time)
        }, time1())

        setTimeout(() => {
            this.animate('#buttom_startPage3', [
                { opacity: 0, translateX: -300, ease: 'ease-in' },{ opacity: 1, translateX: 0, ease: 'ease-out' },
            ], time)
        }, time1())

        setTimeout(() => {
            this.animate('#buttom_startPage4', [
                { opacity: 0, translateX: 300, ease: 'ease-in' },{ opacity: 1, translateX: 0, ease: 'ease-out' }, 
            ], time)
        }, time1())
        setTimeout(() => {
            this.animate('#buttom_startPage2', [
                { opacity: 0, translateX: 300, ease: 'ease-in' },{ opacity: 1, translateX: 0, ease: 'ease-out' }, 
            ], time)
        }, time1())
    },

    popup_camera(){
        this.startPage_Bottons_leave()
        this.animate('#page_camera', [
            { opacity: 0, translateY: 0 }, { opacity: 1, translateY: "-100%", ease: 'ease-in-out', },
        ], 1000,()=>{
            this.selectComponent('#page_camera')
        })
    },

    exit_camera(){
        this.startPage_Bottons_in()
        this.animate('#page_camera', [
            { opacity: 1, translateY: "-100%" }, { opacity: 0, translateY: "0", ease: 'ease-in-out' },
        ], 1000)
    },

    popup_history(){
        this.startPage_Bottons_leave()
        this.animate('#page_history', [
            { opacity: 0, translateY: 0 }, { opacity: 1, translateY: "-100%", ease: 'ease-in-out', },
        ], 1000,()=>{
            this.selectComponent('#page_history')
        })
    },

    exit_history(){
        this.startPage_Bottons_in()
        this.animate('#page_history', [
            { opacity: 1, translateY: "-100%" }, { opacity: 0, translateY: "0", ease: 'ease-in-out' },
        ], 1000)
    },

    popup_collect(){
        this.startPage_Bottons_leave()
        this.animate('#page_collect', [
            { opacity: 0, translateY: 0 }, { opacity: 1, translateY: "-100%", ease: 'ease-in-out', },
        ], 1000,()=>{
            this.selectComponent('#page_collect')
        })
    },

    exit_collect(){
        this.startPage_Bottons_in()
        this.animate('#page_collect', [
            { opacity: 1, translateY: "-100%" }, { opacity: 0, translateY: "0", ease: 'ease-in-out' },
        ], 1000)
    },

    takePhoto() {
        // ctx = wx.createCameraContext()
        console.log('takePhoto..')
        this.ctx.takePhoto({
            quality: 'high',
            success: res => {
                this.setData({
                    src: res.tempImagePath
                })
            }
        })
    },



    // 事件处理函数
    bindViewTap() {
        wx.navigateTo({
            url: '../logs/logs',
        })
    },
    getUserProfile() {
        // 推荐使用wx.getUserProfile获取用户信息，开发者每次通过该接口获取用户个人信息均需用户确认，开发者妥善保管用户快速填写的头像昵称，避免重复弹窗
        wx.getUserProfile({
            desc: '展示用户信息', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
            success: (res) => {
                console.log(res)
                this.setData({
                    userInfo: res.userInfo,
                    hasUserInfo: true
                })
            }
        })
    },
    getUserInfo(e: any) {
        // 不推荐使用getUserInfo获取用户信息，预计自2021年4月13日起，getUserInfo将不再弹出弹窗，并直接返回匿名的用户个人信息
        console.log(e)
        this.setData({
            userInfo: e.detail.userInfo,
            hasUserInfo: true
        })
    },

    getDate: function () {
        var nowdate = new Date();
        var nowyear = nowdate.getFullYear();
        var nowmonth = nowdate.getMonth() + 1;
        var nowday = nowdate.getDate();
        var nowdata1 = nowyear + '年' + nowmonth + '月' + nowday + '日'
        this.setData({
            currentDate: nowdata1
        });
    }
})