提交

甲情_甲意/miniprogram/pages/message/message.acss

@@ -0,0 +1,27 @@
+.image{
+  width: 50px;
+  height: 50px;
+  border-radius: 40px;
+}
+.textbox{
+  width: 100%;
+  border-bottom: 1px solid #8f8585;
+  display: flex;
+  justify-content: space-between;
+}
+.imagebox{
+  width: 80%;
+  display: flex;
+}
+.name{
+  display: flex;
+  flex-direction: column;
+  margin-left: 10rpx;
+}
+.time{
+  width: 20%;
+  height: 50px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}

甲情_甲意/miniprogram/pages/message/message.axml

@@ -0,0 +1,14 @@
+<view>
+  <view class="textbox" a:for="{{ message }}">
+    <view class="imagebox">
+      <image class="image" mode="scaleToFill" src="https://tse4-mm.cn.bing.net/th/id/OIP-C.Uoz1-5uTFTJ7s8fymTUhYgAAAA?w=181&h=191&c=7&r=0&o=5&dpr=1.3&pid=1.7" />
+      <view class="name">
+        <text>{{item.name}}</text>
+        <text>{{item.text}}</text>
+      </view>
+    </view>
+    <view class="time">
+      <text>{{item.time}}</text>
+    </view>
+  </view>
+</view>

甲情_甲意/miniprogram/pages/message/message.js

@@ -0,0 +1,27 @@
+Page({
+  data: {
+    message:[
+      {
+        name:'美美美甲店',
+        text:'你的订单已完成'
+      },
+      {
+        name:'美美美甲店',
+        text:'kjashljashdlkashdlksahl'
+      },
+      {
+        name:'美美美甲店',
+        text:'kjashljashdlkashdlksahl'
+      },
+      {
+        name:'美美美甲店',
+        text:'kjashljashdlkashdlksahl'
+      },
+      {
+        name:'美美美甲店',
+        text:'kjashljashdlkashdlksahl'
+      },
+    ]
+  },
+  onLoad() {},
+});

甲情_甲意/miniprogram/pages/message/message.json

@@ -0,0 +1,4 @@
+{
+  "usingComponents": {},
+  "styleIsolation": "apply-shared"
+}