微信小程序—易学研

创作背景

2019微信小程序比赛来临之际和创作自己的小程序，为了更好的帮助大多数考研生或者其他备考的学生，这款小程序旨在根据大学平时时间忙而忘记一些琐事，所以开发这款小程序帮助大家更好的管理生活和学习方面的问题。

注意遇到的问题

微信小程序不能将有上传，分享，下载等功能的模块上线供用户使用，开发时应当注意，不然开发半天不能上传使用，会很难受的。

结果视图

主页部分代码：

<view class="container">
  <view class='container1'>
    <view style='position: relative;width:33%'>
      <text style='position: absolute;font-size:30rpx;left: 10%;top: 35%;color:white'>{{time}}</text>
    </view>
    <view style='position: relative;width:33%'>
      <image class="userinfo-avatar" src='{{avatarUrl}}'></image>
    </view>
    <view style='position: relative;width:33%'>
      <button disabled='{{but}}' style='position: absolute;left: 35%;top: 35%;' bindtap='SignIn' wx:if='{{daily}}'>打卡</button>
      <text style='position: absolute;left: 35%;top: 35%;font-size:30rpx;color:white' wx:if='{{!daily}}'>您已经打卡{{totalDays}}天</text>
    </view>
    <view class='userinfo-nickname ' style='margin:0 0 25rpx 0; '>
      <text color='#4cff81'>{{nick}}</text>
    </view>
  </view>

  <view class='container2'>
    <view style='width:100%;text-align:center;color:blue;margin-top:10rpx'>学习工具</view>
    <view class='line-css'></view>
    <navigator url='../translate/translate'>
      <view class="container">
        <image class="fun-avatar" style='' src='/images/index/line.png'></image>
        <text class='text1'>翻译</text>
      </view>
    </navigator>
    <navigator url='../dailyEng/dailyEng?daka={{daily}}'>
      <view class="container">
        <image class="fun-avatar" style='' src='/images/index/upload.png'></image>
        <text class='text1'>一诗一句</text>
      </view>
    </navigator>
    <view class="container" bindtap='aboutUs'>
      <image class="fun-avatar" style='' src='/images/index/comingsoon.png'></image>
      <text class='text1'>关于我们</text>
    </view>
  </view>
  <view class='container2'>
    <view style='width:100%;text-align:center;color:blue;margin-top:10rpx'>辅助功能</view>
    <view class='line-css'></view>
    <navigator url='../course/course'>
      <view class="container">
        <image class="fun-avatar" style='' src='/images/index/course.png'></image>
        <text class='text1'>我的课表</text>
      </view>
    </navigator>
    <navigator url='../plan/plan'>
      <view class="container">
        <image class="fun-avatar" style='' src='/images/index/plan.png'></image>
        <text class='text1'>我的计划</text>
      </view>
    </navigator>

    <view class="container">
      <image class="fun-avatar" style='' src='/images/index/note.png'></image>
      <text class='text1'>敬请期待</text>
    </view>

  </view>

  <!-- <text>{{avatarUrl}}</text> -->
  <view class="container2">

    <view class='text1' style='color:blue;width:100% ;text-align:center'>通知</view>
    <view class='line-css' style='margin-top:0%;'></view>
    <view class="container" style='height:300rpx'>
      <text class='text1' style='color:black;margin:0 80rpx' wx:if='{{courseData.time==null&&noteData.time==null}}'>无</text>
      <text class='text1' style='color:black' wx:if='{{noteData.time!=null}}'>您接下来的计划：{{noteData.time}}</text>
      <text class='text1' style='color:red' wx:if='{{noteData.content!=null}}'>{{noteData.content}}</text>
      <text class='text1' style='color:black)' wx:if='{{courseData.time!=null}}'>您接下来的课程：{{courseData.time}}</text>
      <text class='text1' style='color:red' wx:if='{{courseData.course!=null}}'>{{courseData.course}}</text>
      <text class='text1' style='color:black' wx:if='{{ourseData.addr!=null}}'>{{courseData.addr}}</text>

    </view>
  </view>
</view>



<modal no-cancel="true" hidden="{{hiddenmodalput}}" title="关于我们" confirm-text="确定" bindconfirm="confirm">
  <view>说明</view>
  <view>本小程序是我们根据大学平时学习忙而忘记一些琐事，所以开发这款小程序旨在帮助大家更好管理生活与学习方面问题。</view>
  <view>由于本小程序还在开发阶段，所以还有或多或少的功能有待完善。大家有说明意见或者建议望积极反馈。</view>
  <view>联系方式</view>
  <view>电话：15891706580</view>
  <view>邮箱：[email protected]</view>
</modal>

js和wxss见源码

翻译页面部分代码：

<!--miniprogram/pages/translate/translate.wxml-->
<!-- <text>miniprogram/pages/translate/translate.wxml</text> -->
<view class='container'>
  <view class="container2">
  <image src='/images/index/picture.png' bindtap='chooseImage'></image>
    <!--这个是输入框-->
    <input class="input" value='{{words}}'  type="text" placeholder="请输入需要翻译的文字" placeholder-style="color: gray" bindinput="listenerPhoneInput" />
    <image src='/images/index/voice.png' bindtouchstart="chooseSound" bindtouchend="soundEnd"></image>
  </view>

  <!-- <view class="inputView">
    <picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}">
      <view class="picker">
        当前选择：{{array[index]}}
      </view>
    </picker>
  </view>
  <view>
    <text>To</text>
  </view> -->
  <view class="container2">
    <picker bindchange="bindPickerChange2" value="{{index2}}" range="{{array2}}">
      <view class="picker">
        当前选择：{{array2[index2]}}
      </view>
    </picker>
  </view>

  <view>
    <view class='container2'>
      <button style='width:100%' bindtap='subReq' >提交</button>
    </view>
  </view>

  <view class='container2'>
    <textarea  placeholder="译文" value='{{res}}'>
    </textarea>
  </view>

</view>

其他见源码--------------------------------------------------------------------------
链接：
提取码：a0lz
复制这段内容后打开百度网盘手机App，操作更方便哦