我的-界面-初始搭建

pages/main-my/main-my.wxml

@@ -1,2 +1,59 @@
-<!--pages/main-my/main-my.wxml-->
-<text>pages/main-my/main-my.wxml</text>
+<view id="main-my">
+  <view class="main-my-header-box">
+    <view class="main-my-header">
+      <view class="main-my-header-image">
+        <image src="./../../images/图片.png"></image>
+      </view>
+      <view class="main-my-header-font">
+        <view class="main-my-header-font-up">
+          二食堂一楼麻辣烫
+        </view>
+        <view class="main-my-header-font-down">
+          营业时间：8:00-19:00
+        </view>
+      </view>
+      <view class="main-my-header-right">
+        <image src="./../../images/右箭头.png" mode="" />
+      </view>
+    </view>
+  </view>
+
+  <view class="main-my-body-box">
+    <view class="main-my-body-box-item">
+      <view class="main-my-body-box-item1">
+        商品管理
+      </view>
+      <image src="./../../images/右箭头.png" mode="" />
+    </view>
+    <view class="main-my-body-box-item">
+      <view class="main-my-body-box-item2">
+        分类管理
+      </view>
+      <image src="./../../images/右箭头.png" mode="" />
+    </view>
+    <view class="main-my-body-box-item">
+      <view class="main-my-body-box-item3">
+        活动管理
+      </view>
+      <image src="./../../images/右箭头.png" mode="" />
+    </view>
+    <view class="main-my-body-box-item">
+      <view class="main-my-body-box-item4">
+        账单统计
+      </view>
+      <image src="./../../images/右箭头.png" mode="" />
+    </view>
+    <view class="main-my-body-box-item">
+      <view class="main-my-body-box-item5">
+        选择骑手
+      </view>
+      <image src="./../../images/右箭头.png" mode="" />
+    </view>
+    <view class="main-my-body-box-item">
+      <view class="main-my-body-box-item6">
+        退出登录
+        <image src="./../../images/退出登录.png" mode="" />
+      </view>
+    </view>
+  </view>
+</view>

pages/main-my/main-my.wxss

@@ -1 +1,91 @@
-/* pages/main-my/main-my.wxss */
+#main-my {
+  margin: 0;
+  padding: 0;
+  width: 750rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.main-my-header-box {
+  width: 718rpx;
+  height: 176rpx;
+  border: 1px solid #000;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+.main-my-header {
+  width: 684rpx;
+  height: 152rpx;
+  border: 1px solid #000;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+}
+
+.main-my-header-image {
+  width: 138rpx;
+  height: 120rpx;
+  border: 1px solid #000;
+  margin-left: 0rpx;
+}
+.main-my-header-image image{
+  width: 138rpx;
+  height: 120rpx;
+}
+.main-my-header-font {
+  width: 350rpx;
+  height: 120rpx;
+  border: 1px solid #000;
+  padding-left: 30rpx;
+}
+
+.main-my-header-font-up {
+  margin-top: 15rpx;
+  margin-bottom: 10rpx;
+}
+
+.main-my-header-font-down {
+  color: #616161;
+  font-size: 24rpx;
+}
+.main-my-header-right{
+  width: 120rpx;
+  height: 120rpx;
+  border: 1px solid #000;
+}
+.main-my-header-right image{
+  width: 50rpx;
+  height: 50rpx;
+  padding-top: 20rpx;
+  float: right;
+}
+.main-my-body-box {
+  width: 718rpx;
+  height: 650rpx;
+  border: 1px solid #000;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+.main-my-body-box-item{
+  width: 692rpx;
+  height: 94rpx;
+  border: 1px solid #000;
+  box-sizing: border-box;
+  padding-left: 30rpx;
+  padding-top: 25rpx;
+  display: flex;
+  justify-content: space-between;
+}
+.main-my-body-box-item image{
+ height: 50rpx;
+ width: 50rpx;
+ vertical-align: middle;
+}
+