添加图标和页面

miniprogram/pages/processEntry/processEntry.wxss

@@ -0,0 +1,50 @@
+.log-header {
+  display: flex;
+  justify-content: space-between;
+  padding: 8px 12px;
+  border: 1rpx solid #ddd;
+  align-items: center;
+  margin-left: 12px;
+  margin-right: 12px;
+}
+
+.log-box {
+  flex: 1;
+  min-height: 0;
+  overflow: auto;
+  padding: 12px 12px 12px 12px;
+  border: 1rpx solid #ddd;
+  margin-left: 12px;
+  margin-right: 12px;
+  /* margin-bottom: calc(constant(safe-area-inset-bottom) + 12px); */
+  /*兼容 IOS<11.2*/
+  /* margin-bottom: calc(env(safe-area-inset-bottom) + 12px); */
+  margin-bottom: 12px;
+  border-top: none;
+  display: flex;
+  flex-direction: column;
+}
+
+.container {
+  display: flex;
+  flex-direction: column;
+  height: calc(100vh - 50px);
+  /* height: calc(100vh - 50px - env(safe-area-inset-bottom)); */
+}
+
+.process-item {
+  height: 34px;
+  padding: 0 8px;
+  border: 1rpx solid #ddd;
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  margin-right: 8px;
+  margin-bottom: 8px;
+}
+
+.process-item.active {
+  background: #1989fa;
+  border-color: #1989fa;
+  color: #fff;
+}