Merge branch 'dev_lqs' into 'master'

Dev lqs

See merge request !9

H5/src/api/wallet.js

+import request from "@/utils/request";
+
+/**
+ *  获取用户钱包
+ * @param {*} params userId  
+ */
+export function getMoneyPackage(params) {
+	return request({
+		url: "/wallet/getMoneyPackage",
+		method: "get",
+		params
+	})
+}
+
+/**
+ * 获取用户钱包-可提现
+ * @param {*} params userId
+ */
+export function getWithdrawalAmount(params) {
+	return request({
+		url: "getWithdrawalAmount",
+		method: "get",
+		params
+	})
+}
+
+/**
+ * 提现记录
+ * @param {*} params userId
+ * @param {*}yearMonth yyyy-MM-dd
+ */
+export function getWithdrawalRecord(params) {
+	return request({
+		url: "/wallet/getWithdrawalRecord",
+		method: "get",
+		params
+	})
+}
+
+/**
+ * 获取用户钱包-累计收益明细
+ * @param {*} params userId
+ */
+export function queryIncomeDetail(params) {
+	return request({
+		url: "/wallet/queryIncomeDetail",
+		method: "get",
+		params
+	})
+}
+
+/**
+ * 获取用户钱包-累计收益记录
+ * @param {*} params userId
+ */
+
+export function showIncomeRecord(params) {
+	return request({
+		url: "/wallet/showIncomeRecord",
+		method: "get",
+		params
+	})
+}

H5/src/router/index.js

@@ -13,9 +13,15 @@ const routes = [
   {
     path: "/publish",
     name: "Publish",
-    component: () => import("@/views/publish"),
+    component: () => import("@/views/moments/publish"),
     meta: { title: "发布资讯" }
   },
+  {
+    path: "/moments",
+    name: "Moments",
+    component: () => import("@/views/moments/moments"),
+    meta: { title: "资讯", noNav: true }
+  },
   {
     path: "/cash-out",
     name: "CashOut",
@@ -49,6 +55,12 @@ const routes = [
         name: "Wallet",
         component: () => import("@/views/income/wallet"),
         meta: { title: "钱包" }
+      },
+      {
+        path: "all",
+        name: "AllIncomme",
+        component: () => import("@/views/income/allIncome"),
+        meta: { title: "累计收益" }
       }
     ]
   },
@@ -113,7 +125,7 @@ const routes = [
     meta: { title: "空投池", noNav: true }
   },
   {
-    path: "/router",
+    path: "/",
     name: "Router",
     component: () => import("@/views/router"),
     meta: { title: "路径导航", noNav: true }

H5/src/utils/bridge.js

+var u = navigator.userAgent;
+var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
+var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
+// 注册jsbridge
+function connectWebViewJavascriptBridge(callback) {
+	if (isAndroid) {
+		if (window.WebViewJavascriptBridge) {
+			callback(WebViewJavascriptBridge)
+		} else {
+			document.addEventListener(
+				'WebViewJavascriptBridgeReady',
+				function () {
+					callback(WebViewJavascriptBridge)
+				},
+				false
+			);
+		}
+		return;
+	}
+	if (isiOS) {
+		if (window.WebViewJavascriptBridge) {
+			return callback(WebViewJavascriptBridge);
+		}
+		if (window.WVJBCallbacks) {
+			return window.WVJBCallbacks.push(callback);
+		}
+		window.WVJBCallbacks = [callback];
+		var WVJBIframe = document.createElement('iframe');
+		WVJBIframe.style.display = 'none';
+		WVJBIframe.src = 'https://__bridge_loaded__';
+		document.documentElement.appendChild(WVJBIframe);
+		setTimeout(function () {
+			document.documentElement.removeChild(WVJBIframe)
+		}, 0)
+	}
+}
+// 调用注册方法
+connectWebViewJavascriptBridge(function (bridge) {
+	if (isAndroid) {
+		bridge.init(function (message, responseCallback) {
+			responseCallback(data);
+		});
+	}
+
+});
\ No newline at end of file

H5/src/views/airDropPool.vue

@@ -43,7 +43,7 @@ export default {
       personNum: 108
     };
   },
-  mounted: {},
+  mounted() {},
   methods: {}
 };
 </script>

H5/src/views/grade.vue

@@ -139,6 +139,7 @@ $white: #ffffff;
     color: #ffffff;
   }
   .level-progress {
+    box-sizing: border-box;
     width: 100%;
     padding: 0 30px;
     display: flex;

H5/src/views/income/allIncome.vue

+<template>
+  <div class="all-income">
+    <div v-for="item in 10" :key="item.id" class="list-item">
+      <span style="color:#333333">2021-02</span>
+      <span>+989</span>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.all-income {
+  box-sizing: border-box;
+  padding: 10px 16px;
+}
+.list-item {
+  box-sizing: border-box;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  height: 50px;
+  margin-bottom: 10px;
+  padding: 0 15px;
+  font-size: 16px;
+  background-color: #ffffff;
+}
+</style>

H5/src/views/moments/components/momentItem.vue

+<template>
+  <div class="moment-item">
+    <div class="baseInfo">
+      <img class="avatar" src="@/assets/images/avatar.png" alt="用户头像" />
+      <span class="userName">丁晓霞</span>
+      <span class="time">10分钟前</span>
+    </div>
+    <div class="detail">
+      <p class="content">
+        这是发布的一些文字内容，文字内容，文字过多显示第二行效果。
+      </p>
+      <div class="img-list">
+        <img
+          v-for="item in 4"
+          :key="item.name"
+          src="@/assets/images/avatar.png"
+          alt
+        />
+      </div>
+      <!-- <div class="share">
+        <div class="share-item">
+          <img
+            :src="
+              shareSelected
+                ? `${require('@/assets/images/转发_选中.png')}`
+                : `${require('@/assets/images/转发.png')}`
+            "
+            alt
+            @click="onShare"
+          />
+          <span>12</span>
+        </div>
+        <div class="share-item">
+          <img
+            :src="
+              agreeSelected
+                ? `${require('@/assets/images/点赞_选中.png')}`
+                : `${require('@/assets/images/点赞.png')}`
+            "
+            alt
+            @click="onAgree"
+          />
+          <span>12</span>
+        </div>
+      </div> -->
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "MomentItem",
+  data() {
+    return {
+      shareSelected: false,
+      agreeSelected: false
+    };
+  },
+  methods: {
+    onShare() {
+      this.shareSelected = !this.shareSelected;
+    },
+    onAgree() {
+      this.agreeSelected = !this.agreeSelected;
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.moment-item {
+  margin-bottom: 10px;
+  padding: 10px 16px;
+  font-size: 16px;
+  background-color: #ffffff;
+  p {
+    margin: 0;
+    padding: 0;
+  }
+  &:nth-child(1) {
+    margin-top: 10px;
+  }
+}
+.baseInfo {
+  position: relative;
+  display: flex;
+  align-items: center;
+  .avatar {
+    width: 31px;
+    height: 31px;
+    border-radius: 50%;
+  }
+  .userName {
+    margin: 0 15px;
+    font-size: 16px;
+    font-weight: bold;
+  }
+  .time {
+    position: absolute;
+    right: 0;
+    font-family: PingFang-SC-Regular;
+    font-size: 12px;
+    color: #999999;
+  }
+}
+.detail {
+  padding-left: 46px;
+  .content {
+    margin-bottom: 10px;
+    font-family: PingFang-SC-Regular;
+    font-size: 14px;
+    color: #333333;
+  }
+  .img-list {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+    align-items: center;
+    img {
+      width: auto;
+      height: 76px;
+      margin: 7px 7px 0 7px;
+    }
+  }
+  .share {
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+    flex-wrap: nowrap;
+    .share-item {
+      font-size: 14px;
+      color: #666666;
+      &:nth-child(1) {
+        margin-right: 20px;
+      }
+    }
+    img {
+      width: 16px;
+      height: 14px;
+      margin-right: 5px;
+    }
+  }
+}
+</style>

H5/src/views/moments/moments.vue

+<template>
+  <div class="moments">
+    <div class="title">
+      <p>资讯</p>
+    </div>
+    <moment-item />
+  </div>
+</template>
+
+<script>
+import MomentItem from "./components/momentItem.vue";
+
+export default {
+  name: "Moments",
+  components: { MomentItem }
+};
+</script>
+
+<style lang="scss" scoped>
+.moments {
+  box-sizing: border-box;
+  p {
+    margin: 0;
+    padding: 0;
+  }
+}
+.title {
+  height: 46px;
+  line-height: 46px;
+  margin-bottom: 5px;
+  text-align: center;
+  font-family: PingFang-SC-Bold;
+  font-size: 20px;
+  font-weight: bold;
+  background-color: #ffffff;
+}
+</style>