微信小程序呵呵哒!“个人简介”

index.wxml

<!--index.wxml-->
<view class="container"><view id="header"><view bindtap="audioPlay" class="audioPlay"></view><image class="bjclass" mode="widthFit" src="./img/bg.jpeg"></image><image class="figure avatar" mode="aspectFit" src="./img/heheda.jpg"></image><view class='tel_view' bindtap="tel_event"><image class="tel" mode="aspectFit" src="./img/tel.png"></image></view><image class="line_logo" mode="widthFit" src="./img/line_log.png"></image></view><image class="L2_logo" mode="widthFit" src="./img/线条(1).png"></image><view id="content"><swiper><swiper-item><view class="sheet"><view class="contentHeader"><image class="contentHeaderImg" src="./img/基础信息.png"></image><!-- <view class="word ">个人信息</view> --><text class="word wordClass ">{{instruction[0]}}</text><image class="Line" src="./img/虚线.png"></image></view><image class="L2_logo" mode="widthFit" src="./img/线条(1).png"></image><image class='robot_img' src="./img/Tom.jpg"></image><view class="textSelection"><view class="row_word"><image class="ico_logo" src="./img/图标.png"></image><text>{{information[0]}}</text></view><view class="ico_Line1"></view><view class="row_word"><image class="ico_logo" src="./img/图标1.png"></image><text>{{information[1]}}</text></view><view class="ico_Line2"></view><view class="row_word"><image class="ico_logo" src="./img/图标2.png"></image><text>{{information[2]}}</text></view><view class="ico_Line3"></view><view class="row_word"><image class="ico_logo" src="./img/图标3.png"></image><text>{{information[3]}}</text></view><view class="ico_Line4"></view><view class="row_word"><image class="ico_logo" src="./img/图标4.png"></image><text>{{information[4]}}</text></view><view class="ico_Line5"></view></view><!-- <image class="L2_logo" mode="widthFit" src="./img/线条(1).png"></image> --><view class="warp1 warp1_color"></view></view></swiper-item><swiper-item><view class="sheet"><view class="contentHeader"><image class="contentHeaderImg" src="./img/在校经历.png"></image><!-- <view class="word">在校经历</view> --><text class="word wordClass ">{{instruction[1]}}</text><image class="Line" src="./img/虚线.png"></image></view><image class="L2_logo" mode="widthFit" src="./img/线条(1).png"></image><image class='robot_img' src="./img/Nao.jpg"></image><view class="textSelection"><view class="row_word"><image class="ico_logo" src="./img/可爱图标.png"></image><text>{{winner[0]}}</text></view><view class="ico_Line1"></view><view class="row_word"><image class="ico_logo" src="./img/可爱图标1.png"></image><text>{{winner[1]}}</text></view><view class="ico_Line2"></view><view class="row_word"><image class="ico_logo" src="./img/可爱图标2.png"></image><text>{{winner[2]}}</text></view><view class="ico_Line3"></view><view class="row_word"><image class="ico_logo" src="./img/可爱图标3.png"></image><text>{{winner[3]}}</text></view><view class="ico_Line4"></view><view class="row_word"><image class="ico_logo" src="./img/可爱图标4.png"></image><text>{{winner[4]}}</text></view><view class="ico_Line5"></view></view><view class="warp2 warp1_color"></view></view></swiper-item><swiper-item><view class="sheet"><view class="contentHeader"><image class="contentHeaderImg" src="./img/兴趣爱好.png"></image><!-- <view class="word">兴趣爱好</view> --><text class="word wordClass ">{{instruction[2]}}</text><image class="Line" src="./img/虚线.png"></image></view><image class="L2_logo" mode="widthFit" src="./img/线条(1).png"></image><image class='robot_img' src="./img/sport.jpg"></image><view class="textSelection"><view class="row_word"><image class="ico_logo" src="./img/唱歌.png"></image><text>{{hobby[0]}}</text></view><view class="ico_Line1"></view><view class="row_word"><image class="ico_logo" src="./img/科技.png"></image><text>{{hobby[1]}}</text></view><view class="ico_Line2"></view><view class="row_word"><image class="ico_logo" src="./img/数学.png"></image><text>{{hobby[2]}}</text></view><view class="ico_Line3"></view><view class="row_word"><image class="ico_logo" src="./img/运动.png"></image><text>{{hobby[3]}}</text></view><view class="ico_Line4"></view><view class="row_word"><image class="ico_logo" src="./img/电脑.png"></image><text>{{hobby[4]}}</text></view><view class="ico_Line5"></view></view><view class="warp3 warp1_color"></view></view></swiper-item><swiper-item><view class="sheet"><view class="contentHeader"><image class="contentHeaderImg" src="./img/科技2.png"></image><!-- <view class="word">研究领域</view> --><text class="word wordClass ">{{instruction[3]}}</text><image class="Line" src="./img/虚线.png"></image></view><image class="L2_logo" mode="widthFit" src="./img/线条(1).png"></image><image class='robot_img' src="./img/deep_learning.jpg"></image><view class="textSelection"><view class="row_word"><image class="ico_logo" src="./img/数学1.png"></image><text>{{DeepLearning[0]}}</text></view><view class="ico_Line1"></view><view class="row_word"><image class="ico_logo" src="./img/机器人.png"></image><text>{{DeepLearning[1]}}</text></view><view class="ico_Line2"></view><view class="row_word"><image class="ico_logo" src="./img/机器人1.png"></image><text>{{DeepLearning[2]}}</text></view><view class="ico_Line3"></view><view class="row_word"><image class="ico_logo" src="./img/机器人2.png"></image><text>{{DeepLearning[3]}}</text></view><view class="ico_Line4"></view><view class="row_word"><image class="ico_logo" src="./img/机器人3.png"></image><text>{{DeepLearning[4]}}</text></view><view class="ico_Line5"></view></view><view class="warp4 warp1_color"></view></view></swiper-item></swiper></view>
</view>

index.js

//index.js
//获取应用实例
const app = getApp()
const backgroundAudioManager = wx.getBackgroundAudioManager()
backgroundAudioManager.title = '稻香'
backgroundAudioManager.epname = '呵呵哒'
backgroundAudioManager.singer =  '周杰伦'
// backgroundAudioManager.coverImgUrl = 'http://image.baidu.com/search/detail?ct=503316480&z=undefined&tn=baiduimagedetail&ipn=d&word=%E7%8C%AB%E5%92%8C%E8%80%81%E9%BC%A0&step_word=&ie=utf-8&in=&cl=2&lm=-1&st=undefined&hd=undefined&latest=undefined&copyright=undefined&cs=3690291062,1308490287&os=2552159457,2327630569&simid=4202229028,772408593&pn=17&rn=1&di=44220&ln=986&fr=&fmq=1572541892879_R&fm=&ic=undefined&s=undefined&se=&sme=&tab=0&width=undefined&height=undefined&face=undefined&is=0,0&istype=0&ist=&jit=&bdtype=0&spn=0&pi=0&gsm=0&objurl=http%3A%2F%2Fwww.yozrun.com%2FUploadFiles%2Fimg_3_2282713972_2078176071_27.jpg&rpstart=0&rpnum=0&adpicid=0&force=undefined'
backgroundAudioManager.src = ' http://antiserver.kuwo.cn/anti.s?format=mp3|aac&rid=51685556&type=convert_url&response=res'
Page({data: {information: ['呵呵哒(￣▽￣)"', '♂男 | 太岁（2020年1月1日）', '精通python,web,mysql,C语言', '喜欢(❤ ω ❤)看动漫和打羽毛球','曾经参加很多校赛和省赛，获得很多奖项和荣誉'],winner: ['佛山人工智能机器人比赛，斩获一二三等奖', '研究Nao机器人斩获挑战杯省赛二等奖', '攀登计划、创客大赛都取得了优异成绩', '数学建模比赛两次三等奖','读书期间每年获得学业一等奖、励志奖学金，以及勤工俭学补助金'],hobby: ['喜欢唱歌，朗读，歌颂', '追逐科技领域和计算机视觉', '对数学和科技很执着，热爱', '热爱运动，比如有空和同伴打羽毛球','和技术大佬讨论，研究Bug，可以一直享受敲代码的乐趣'],DeepLearning: ['高等数学和线性代数', '机器学习和深度学习', '传统图像处理和神经网络模型预测', '机器人语音识别和人脸识别','计算机视觉领域的图像分割分类，以及实例分割'],instruction: ['个人信息', '在校经历','兴趣爱好','研究领域']},//事件处理函数bindViewTap: function() {wx.navigateTo({})},audioPlay: function () {backgroundAudioManager.pause('暂停');},onLoad: function () {},tel_event:function(e) {// console.log('heheda');wx.makePhoneCall({phoneNumber: app.globalData.phoneNumber,})}
})

以上简介：纯属瞎掰！！！哈哈~

我是热爱程序的呵呵哒！

需要源代码的话留言呀~

觉得写得好的话，点个赞呀~~

微信小程序 ”呵呵哒“个人简介“相关推荐

微信小程序原生开发简介
简介: 总结: 1. 逻辑层使用js引擎,视图层使用webview渲染 2. 微信小程序已经支持了绝大部分的 ES6 API 3. 可以自动补全css的兼容语法文档:https://develope ...
微信小程序入门代码简介
文件功能简介新建一个云开发的小程序项目后,在资源管理器可以看到以下一些文件: 文件夹cloudfunctions里面是云函数. 文件夹miniprogram/images里面是小程序中需要插入的图片 ...
店长宝微信小程序后台功能简介（四）——小程序设置
本文参考自: 原文地址继续为大家介绍店长宝微信小程序的后台功能,今天介绍后台中的小程序设置功能. 小程序设置功能:版权设置.个人中心.商家设置.商家手机端.小程序跳转.内嵌网页.门店管理.门面管理. ...
微信小程序开发之路⑩
微信小程序设计指南网址: https://developers.weixin.qq.com/miniprogram/design/#%E5%9B%BE%E6%A0%87 自定义组件开发者可以将页面 ...
视频教程-微信小程序开发-微信开发
微信小程序开发我是一名java高级开发工程师,已有七年的工作经验,从事过多个大型项目的开发与架构设计王鹤然 ¥298.00 立即订阅扫码下载「CSDN程序员学院APP」,1000+技术好课免费看 ...
【微信小程序创作之路】-入门
[微信小程序创作之路]-入门第一章微信小程序历史.简介.开启创作之路文章目录 [微信小程序创作之路]-入门前言一.小程序的简介二.小程序的历史三.小程序优势 1.使用门槛低 2.快速开发 ...
2021抖音爆火最新版人生重开模拟器微信小程序源码+前端+搭建教程
人生重开模拟器微信小程序源码简介: 无需服务器.域名等工具编辑好上传代码即可使用下载地址:2021抖音爆火最新版人生重开模拟器微信小程序源码+前端+搭建教程启悦源码
微信门店小程序怎样创建门店小程序创建方法简介
微信门店小程序怎样创建门店小程序创建方法简介微信门店小程序是什么东西?门店小程序要怎样创建?还不清楚微信门店小程序详情的小伙伴们抓紧时间跟上小编一起来看一下吧! 门店小程序是什么? 微信发 ...
微信小程序简介、发展史、小程序的优点、申请账号、开发工具、初识wxml文件和wxss文件
微信小程序介绍: 小程序简介: 小程序是一种连接用户与服务的方式,它能在微信内被便捷地获取和传播,具有出色的使用体验. 不需要下载安装,用户通过搜一搜或扫一扫就可以打开使用,使用完后退出即可. 小程序 ...

微信小程序 ”呵呵哒“个人简介“

微信小程序呵呵哒!“个人简介”

以上简介：纯属瞎掰！！！哈哈~

微信小程序 ”呵呵哒“个人简介“相关推荐

最新文章

热门文章

微信小程序 ”呵呵哒“个人简介“

微信小程序 呵呵哒!“个人简介”

以上简介：纯属瞎掰！！！哈哈~

微信小程序 ”呵呵哒“个人简介“相关推荐

最新文章

热门文章

微信小程序呵呵哒!“个人简介”