【做一个微信小程序】纪念高中同学3

前言

上一个教程我们实现了小程序的一些的功能，有图片上传功能，黑白切换功能等。
下面是一个更高级的微信小程序实现，包含以下功能：

1.我的页面：

• 授权获取微信头像和昵称。
• 实现渐变按钮。
• 微信授权登录和退出登录”。

1. 我的页面 (profile 页面)

profile.wxml

<view class="top-bg">view>
<view class="box">
  
  <view class="head-box">
    <button open-type="chooseAvatar" class="avatar" bindchooseavatar="chooseAvatar">
      <image class="head-img" src="{
    {login.avatar}}" mode="widthFix">image>
    button>
    <view class="tip">{
  {login.show?'欢迎使用':'当前未登录，请登录！'}}view>
  view>
  
  <view>
    <button class="row" style="width: 100%;" bindtap="basicClick">
      <view class="left">
        <icon class="icon-small" type="success" size="16">icon>
        <text class="text">基本信息text>
      view>
      <view class="right">》view>
    button>
    <button class="row" style="width: 100%;" bindtap="feedbackClick">
      <view class="left">
        <icon class="icon-small" type="success" size="16">icon>