WeChat Mini Program "Haha Da" Personal Profile"

 WeChat Mini Program Haha! "Introduction"

 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,
    })
  }
})

 

 

Demo legend

The above introduction: It's purely nonsense! ! ! Haha~

I am a program lover!

Leave a message if you need the source code~

If you think it is well written, please like it~~