小程序我的页面

+++.

已于 2023-10-19 03:16:32 修改

阅读量583

点赞数 1

分类专栏： competitionAssistant_wechat 文章标签：小程序 css css3

于 2023-05-19 13:21:51 首次发布

本文链接：https://blog.csdn.net/qq_45179361/article/details/130764694

版权

一. 内容简介

小程序我的页面

二. 软件环境

2.1 微信开发者工具

三.主要流程

3.1 搭建html结构

<view class="container_full">

  <view class="user_information">
    <view class="user_img">
      <image src="https://profile.csdnimg.cn/4/F/8/1_qq_45179361" mode="" />
    </view>
    <view class="user_name">
      jiajun
    </view>
  </view>

  <view class="user_competition">
    <view class="competition_order">
      <view class="competition_order_left">
        我的竞赛
      </view>
      <view class="competition_order_right">
        <view>
          全部竞赛
        </view>
        <image src="https://lowcode-3gzggxse31702e14-1253226562.tcloudbaseapp.com/resources/2021-06/lowcode-4206" alt="" class="news_img" />
      </view>
    </view>
    <view class="competition_message">
      <navigator url="" class="competition_message_item" hover-class="none">
        <view class="competition_message_item_img">
          <image src="../../images/user/application.png" mode="" />
        </view>
        <view class="competition_message_item_text">
          待报名
        </view>
      </navigator>
      <navigator url="" class="competition_message_item" hover-class="none">
        <view class="competition_message_item_img">
          <image src="../../images/user/commit.png" mode="" />
        </view>
        <