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

不念不忘少年蓝@ 2023-02-12 05:54 61阅读 0赞

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

index.wxml

  1. <!--index.wxml-->
  2. <view class="container">
  3.   <view id="header">
  4.     <view bindtap="audioPlay" class="audioPlay"></view>
  5.      <image class="bjclass" mode="widthFit" src="./img/bg.jpeg"></image>
  6.      <image class="figure avatar" mode="aspectFit" src="./img/heheda.jpg"></image>
  7.      <view class='tel_view' bindtap="tel_event">
  8.         <image class="tel" mode="aspectFit" src="./img/tel.png"></image>
  9.      </view>
  10.      <image class="line_logo" mode="widthFit" src="./img/line_log.png"></image>
  11.   </view>
  12.   <image class="L2_logo" mode="widthFit" src="./img/线条(1).png"></image>
  13.   <view id="content">
  14.       <swiper>
  15.           <swiper-item>
  16.                   <view class="sheet">
  17.                         <view class="contentHeader">
  18.                           <image class="contentHeaderImg" src="./img/基础信息.png"></image>
  19.                           <!-- <view class="word ">个人信息</view> -->
  20.                           <text class="word wordClass ">{
  21.    {instruction[0]}}</text>
  22.                           <image class="Line" src="./img/虚线.png"></image>
  23.                         </view>
  24.                         <image class="L2_logo" mode="widthFit" src="./img/线条(1).png"></image>
  25.                         <image class='robot_img' src="./img/Tom.jpg"></image>
  27.                         <view class="textSelection">
  28.                               <view class="row_word">
  29.                                   <image class="ico_logo" src="./img/图标.png"></image>
  30.                                   <text>{
  31.    {information[0]}}</text>
  32.                               </view>
  33.                               <view class="ico_Line1"></view>
  34.                               <view class="row_word">
  35.                                   <image class="ico_logo" src="./img/图标1.png"></image>
  36.                                   <text>{
  37.    {information[1]}}</text>
  38.                               </view>
  39.                               <view class="ico_Line2"></view>
  40.                               <view class="row_word">
  41.                                   <image class="ico_logo" src="./img/图标2.png"></image>
  42.                                   <text>{
  43.    {information[2]}}</text>
  44.                               </view>
  45.                               <view class="ico_Line3"></view>
  46.                               <view class="row_word">
  47.                                   <image class="ico_logo" src="./img/图标3.png"></image>
  48.                                   <text>{
  49.    {information[3]}}</text>
  50.                               </view>
  51.                               <view class="ico_Line4"></view>
  52.                               <view class="row_word">
  53.                                   <image class="ico_logo" src="./img/图标4.png"></image>
  54.                                   <text>{
  55.    {information[4]}}</text>
  56.                               </view>
  57.                               <view class="ico_Line5"></view>
  58.                       </view>
  59.                       <!-- <image class="L2_logo" mode="widthFit" src="./img/线条(1).png"></image> -->
  60.                       <view class="warp1 warp1_color"></view>
  61.                     </view>
  62.           </swiper-item>
  63.           <swiper-item>
  64.                 <view class="sheet">
  65.                         <view class="contentHeader">
  66.                           <image class="contentHeaderImg" src="./img/在校经历.png"></image>
  67.                           <!-- <view class="word">在校经历</view> -->
  68.                           <text class="word wordClass ">{
  69.    {instruction[1]}}</text>
  70.                           <image class="Line" src="./img/虚线.png"></image>
  71.                         </view>
  72.                         <image class="L2_logo" mode="widthFit" src="./img/线条(1).png"></image>
  73.                             <image class='robot_img' src="./img/Nao.jpg"></image>
  74.                         <view class="textSelection">
  75.                           <view class="row_word">
  76.                               <image class="ico_logo" src="./img/可爱图标.png"></image>
  77.                               <text>{
  78.    {winner[0]}}</text>
  79.                           </view>
  80.                           <view class="ico_Line1"></view>
  81.                           <view class="row_word">
  82.                               <image class="ico_logo" src="./img/可爱图标1.png"></image>
  83.                               <text>{
  84.    {winner[1]}}</text>
  85.                           </view>
  86.                           <view class="ico_Line2"></view>
  87.                           <view class="row_word">
  88.                               <image class="ico_logo" src="./img/可爱图标2.png"></image>
  89.                               <text>{
  90.    {winner[2]}}</text>
  91.                           </view>
  92.                           <view class="ico_Line3"></view>
  93.                           <view class="row_word">
  94.                               <image class="ico_logo" src="./img/可爱图标3.png"></image>
  95.                               <text>{
  96.    {winner[3]}}</text>
  97.                           </view>
  98.                           <view class="ico_Line4"></view>
  99.                           <view class="row_word">
  100.                               <image class="ico_logo" src="./img/可爱图标4.png"></image>
  101.                               <text>{
  102.    {winner[4]}}</text>
  103.                           </view>
  104.                           <view class="ico_Line5"></view>
  105.                         </view>
  106.                         <view class="warp2 warp1_color"></view>
  107.                     </view>
  108.           </swiper-item>
  109.           <swiper-item>
  110.                 <view class="sheet">
  111.                         <view class="contentHeader">
  112.                           <image class="contentHeaderImg" src="./img/兴趣爱好.png"></image>
  113.                           <!-- <view class="word">兴趣爱好</view> -->
  114.                           <text class="word wordClass ">{
  115.    {instruction[2]}}</text>
  116.                           <image class="Line" src="./img/虚线.png"></image>
  117.                         </view>
  118.                         <image class="L2_logo" mode="widthFit" src="./img/线条(1).png"></image>
  119.                             <image class='robot_img' src="./img/sport.jpg"></image>
  120.                         <view class="textSelection">
  121.                           <view class="row_word">
  122.                               <image class="ico_logo" src="./img/唱歌.png"></image>
  123.                               <text>{
  124.    {hobby[0]}}</text>
  125.                           </view>
  126.                           <view class="ico_Line1"></view>
  127.                           <view class="row_word">
  128.                               <image class="ico_logo" src="./img/科技.png"></image>
  129.                               <text>{
  130.    {hobby[1]}}</text>
  131.                           </view>
  132.                           <view class="ico_Line2"></view>
  133.                           <view class="row_word">
  134.                               <image class="ico_logo" src="./img/数学.png"></image>
  135.                               <text>{
  136.    {hobby[2]}}</text>
  137.                           </view>
  138.                           <view class="ico_Line3"></view>
  139.                           <view class="row_word">
  140.                               <image class="ico_logo" src="./img/运动.png"></image>
  141.                               <text>{
  142.    {hobby[3]}}</text>
  143.                           </view>
  144.                           <view class="ico_Line4"></view>
  145.                           <view class="row_word">
  146.                               <image class="ico_logo" src="./img/电脑.png"></image>
  147.                               <text>{
  148.    {hobby[4]}}</text>
  149.                           </view>
  150.                           <view class="ico_Line5"></view>
  151.                         </view>
  152.                         <view class="warp3 warp1_color"></view>
  153.                     </view>
  154.           </swiper-item>
  155.           <swiper-item>
  156.                 <view class="sheet">
  157.                         <view class="contentHeader">
  158.                           <image class="contentHeaderImg" src="./img/科技2.png"></image>
  159.                           <!-- <view class="word">研究领域</view> -->
  160.                           <text class="word wordClass ">{
  161.    {instruction[3]}}</text>
  162.                           <image class="Line" src="./img/虚线.png"></image>
  163.                         </view>
  164.                         <image class="L2_logo" mode="widthFit" src="./img/线条(1).png"></image>
  165.                             <image class='robot_img' src="./img/deep_learning.jpg"></image>
  166.                         <view class="textSelection">
  167.                           <view class="row_word">
  168.                               <image class="ico_logo" src="./img/数学1.png"></image>
  169.                               <text>{
  170.    {DeepLearning[0]}}</text>
  171.                           </view>
  172.                           <view class="ico_Line1"></view>
  173.                           <view class="row_word">
  174.                               <image class="ico_logo" src="./img/机器人.png"></image>
  175.                               <text>{
  176.    {DeepLearning[1]}}</text>
  177.                           </view>
  178.                           <view class="ico_Line2"></view>
  179.                           <view class="row_word">
  180.                               <image class="ico_logo" src="./img/机器人1.png"></image>
  181.                               <text>{
  182.    {DeepLearning[2]}}</text>
  183.                           </view>
  184.                           <view class="ico_Line3"></view>
  185.                           <view class="row_word">
  186.                               <image class="ico_logo" src="./img/机器人2.png"></image>
  187.                               <text>{
  188.    {DeepLearning[3]}}</text>
  189.                           </view>
  190.                           <view class="ico_Line4"></view>
  191.                           <view class="row_word">
  192.                               <image class="ico_logo" src="./img/机器人3.png"></image>
  193.                               <text>{
  194.    {DeepLearning[4]}}</text>
  195.                           </view>
  196.                           <view class="ico_Line5"></view>
  197.                         </view>
  198.                         <view class="warp4 warp1_color"></view>
  199.                     </view>
  200.           </swiper-item>
  201.       </swiper>
  203.   </view>
  204. </view>

index.js 

  1. //index.js
  2. //获取应用实例
  3. const app = getApp()
  4. const backgroundAudioManager = wx.getBackgroundAudioManager()
  5. backgroundAudioManager.title = '稻香'
  6. backgroundAudioManager.epname = '呵呵哒'
  7. backgroundAudioManager.singer =  '周杰伦'
  8. // 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'
  9. backgroundAudioManager.src = ' http://antiserver.kuwo.cn/anti.s?format=mp3|aac&rid=51685556&type=convert_url&response=res'
  10. Page({
  11.   data: {
  12.     information: ['呵呵哒(￣▽￣)"', '♂男 | 太岁（2020年1月1日）', '精通python,web,mysql,C语言', '喜欢(❤ ω ❤)看动漫和打羽毛球','曾经参加很多校赛和省赛，获得很多奖项和荣誉'],
  13.     winner: ['佛山人工智能机器人比赛，斩获一二三等奖', '研究Nao机器人斩获挑战杯省赛二等奖', '攀登计划、创客大赛都取得了优异成绩', '数学建模比赛两次三等奖','读书期间每年获得学业一等奖、励志奖学金，以及勤工俭学补助金'],
  14.     hobby: ['喜欢唱歌，朗读，歌颂', '追逐科技领域和计算机视觉', '对数学和科技很执着，热爱', '热爱运动，比如有空和同伴打羽毛球','和技术大佬讨论，研究Bug，可以一直享受敲代码的乐趣'],
  15.     DeepLearning: ['高等数学和线性代数', '机器学习和深度学习', '传统图像处理和神经网络模型预测', '机器人语音识别和人脸识别','计算机视觉领域的图像分割分类，以及实例分割'],
  16.     instruction: ['个人信息', '在校经历','兴趣爱好','研究领域']
  17.   },
  18.   //事件处理函数
  19.   bindViewTap: function() {
  20.     wx.navigateTo({
  21.     })
  22.   },
  23.   audioPlay: function () {
  24.     backgroundAudioManager.pause('暂停');
  25.   },
  26.   onLoad: function () {
  27.   },
  28.   tel_event:function(e) {
  29.     // console.log('heheda');
  30.     wx.makePhoneCall({
  31.       phoneNumber: app.globalData.phoneNumber,
  32.     })
  33.   }
  34. })

演示视频 演示图例

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

我是热爱程序的呵呵哒！

需要源代码的话留言呀~

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

发表评论

表情：
评论列表 （有 0 条评论，61人围观）

还没有评论，来说两句吧...

相关阅读

    相关 公交车19路换新车啦，呵呵

    19路车是我每天上班必坐的，过去的(昨天为止)19路车 由于使用年限过久，造成车很容易就抛锚了。我们这些乘客只得下车等候后面的车，通常都是挤的不行。早就抱怨希望能换新车，今天竟

    电玩女神电玩女神/ 0 赞/ 378 阅读