no message

api/common.js

@@ -2,7 +2,4 @@ import {request} from './ajax.js'
 
 const commonUrl = '/api/common/'
 // 发送短信
-export const commonSend = (data) => request(commonUrl + 'send', 'post', { ...data })
-// 获取sts
-export const getSts = (data) => request(commonUrl + 'sts', 'post', { ...data })
 

api/news.js

@@ -0,0 +1,7 @@
+import {request} from './ajax.js'
+
+const commonUrl = '/api/news/'
+// 获取sts
+export const banner = (data) => request(commonUrl + 'banner', 'post', { ...data })
+export const notices = (data) => request(commonUrl + 'notices', 'post', { ...data })
+

package-lock.json

@@ -561,6 +561,11 @@
       "resolved": "https://registry.npmjs.org/injectpromise/-/injectpromise-1.0.0.tgz",
       "integrity": "sha512-qNq5wy4qX4uWHcVFOEU+RqZkoVG65FhvGkyDWbuBxILMjK6A1LFf5A1mgXZkD4nRx5FCorD81X/XvPKp/zVfPA=="
     },
+    "jquery": {
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.6.1.tgz",
+      "integrity": "sha512-opJeO4nCucVnsjiXOE+/PcCgYw9Gwpvs/a6B1LL/lQhwWwpbVEVYDZ1FokFr8PRc7ghYlrFPuyHuiiDNTQxmcw=="
+    },
     "js-base64": {
       "version": "2.6.4",
       "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.6.4.tgz",

package.json

@@ -1,5 +1,6 @@
 {
   "dependencies": {
+    "jquery": "^3.6.1",
     "tronweb": "^4.4.0",
     "uni-read-pages": "^1.0.5",
     "uni-simple-router": "^2.0.7",

pages.json

@@ -1,4 +1,39 @@
 {
+	"tabBar": {
+		"backgroundColor": "#131E30",
+		"selectedColor": "#007aff",
+		"color": "#D9E4F6",
+		"borderStyle": "black",
+		"fontSize": "11px",
+		"iconWidth": "24px",
+		"height": "50px",
+		"list": [
+			{
+				"text": "首页",
+				"pagePath": "pages/index/index",
+				"iconPath": "static/img/tab/index.png",
+				"selectedIconPath": "static/img/tab/index-ok.png"
+			},
+			{
+				"text": "资产",
+				"pagePath": "pages/icon/index",
+				"iconPath": "static/img/tab/icon.png",
+				"selectedIconPath": "static/img/tab/icon-ok.png"
+			},
+			{
+				"text": "留言",
+				"pagePath": "pages/msg/index",
+				"iconPath": "static/img/tab/msg.png",
+				"selectedIconPath": "static/img/tab/msg-ok.png"
+			},
+			{
+				"text": "我的",
+				"pagePath": "pages/my/index",
+				"iconPath": "static/img/tab/my.png",
+				"selectedIconPath": "static/img/tab/my-ok.png"
+			}
+		]
+	},
 	"pages": [
 		{
 			"path": "pages/login/index",
@@ -9,7 +44,25 @@
 		{
 			"path": "pages/index/index",
 			"style": {
-				"navigationBarTitleText": "首页演示"
+				"navigationBarTitleText": "首页"
+			}
+		},
+		{
+			"path": "pages/icon/index",
+			"style": {
+				"navigationBarTitleText": "资产"
+			}
+		},
+		{
+			"path": "pages/msg/index",
+			"style": {
+				"navigationBarTitleText": "留言"
+			}
+		},
+		{
+			"path": "pages/my/index",
+			"style": {
+				"navigationBarTitleText": "我的"
 			}
 		},
 		{

pages/icon/index.vue

@@ -0,0 +1,25 @@
+<template>
+  <view>
+
+  </view>
+</template>
+
+<script>
+export default {
+  name: "index",
+  components: {},
+  props: {},
+  data() {
+    return {}
+  },
+  watch: {},
+  mounted() {
+
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="scss">
+
+</style>

pages/index/index.vue

@@ -1,96 +1,287 @@
 <template>
 	<view class="box-data">
-		<Nav title="首页"></Nav>
-<!--		<view class="border-item"></view>-->
-<!--		<enInput v-model="text" label="姓名姓名"></enInput>-->
+    <header class="header">
+      <image class="hd-logo" src="/static/img/icon/logow.png" mode="aspectFill" />
+    </header>
+    <view class="mui-content">
+      <swiper class="swiper-box"
+              :indicator-dots="true"
+              :autoplay="true"
+              indicator-color="#FFFFFF"
+              indicator-active-color="#007aff"
+      >
+        <swiper-item class="swiper-item" v-for="banner in bannerList">
+          <image :src="banner.image" mode="aspectFill"></image>
+        </swiper-item>
+      </swiper>
+      <view class="ln-notice">
+        <image class="ln-notice-pic" src="/static/img/icon/notice.png" mode="aspectFill" />
+        <view class="apple">
+          <ul class="cy-wz-sco">
+            <li v-for="noticeInfo in noticeList" >
+              <text>{{noticeInfo.title}}</text>
+            </li>
+          </ul>
+        </view>
+      </view>
+      <view class="ln-nav">
+        <view  class="ln-nav-item">
+          <image class="lg-nav-pic" src="/static/img/icon/tj.png" />
+          <view class="lg-nav-intro">
+            邀请好友
+          </view>
+        </view>
+        <view class="ln-nav-item">
+          <image class="lg-nav-pic" src="/static/img/icon/tp.png" />
+          <view class="lg-nav-intro">
+            报单通道
+          </view>
+        </view>
+        <view class="ln-nav-item">
+          <image class="lg-nav-pic" src="/static/img/icon/lm.png" />
+          <view class="lg-nav-intro">
+            查看团队
+          </view>
+        </view>
+      </view>
+      <view class="ln-banner">
+        <view class="ln-bn-hd">
+          连续24小时未新进单，最后10名触发托底池
+        </view>
+        <view class="ln-bn-nav">
+          <view class="ln-bn-nav-item">
+            <view class="ln-bn-intro">均富池</view>
+            <view class="ln-bn-num">3300.10</view>
+            <view class="ln-bn-hline"></view>
+          </view>
+          <view class="ln-bn-nav-item">
+            <view class="ln-bn-intro">托底池</view>
+            <view class="ln-bn-num">300.01</view>
+          </view>
+        </view>
 
+      </view>
+      <view class="ln-con">
+        <view class="ln-con-tit">
+          <view class="ln-list-iteam ln-list-iteam-36">
+            地址
+          </view>
+          <view class="ln-list-iteam ln-list-iteam-28">
+            数量
+          </view>
+          <view class="ln-list-iteam ln-list-iteam-36">
+            时间
+          </view>
+        </view>
+        <view class="ln-list">
+          <view class="list-item" v-for="coin in 10" >
+            <view class="ln-list-iteam ln-list-iteam-36">
+              <view><span>Lucky </span></view>
+            </view>
+            <view class="ln-list-iteam  ln-list-iteam-28">
+              <view><span>1000</span></view>
+            </view>
+            <view class="ln-list-iteam ln-list-iteam-36">
+              <view class="ln-list-num">2022-10-18 11:41</view>
+            </view>
+          </view>
 
-
-		<view class="" @click="toList()">进入列表演示</view>
-    <view>
-      <button @click="test" style="background-color: #DD524D;color: #FFFFFF;width: 80%;margin-top: 50rpx">确定</button>
-<!--      <button class="box-but" style="background-color: #DD524D;color: #FFFFFF">确定</button>-->
+        </view>
+      </view>
     </view>
 
 	</view>
 
 </template>
 <script>
-	import enInput from "components/en-from/en-input/en-input"
-	import enSend from "components/en-from/en-send/en-send"
-	import enCheckbox from "components/en-from/en-checkbox/en-checkbox"
-	import enRadio from "components/en-from/en-radio/en-radio"
-	import enSwitch from "components/en-from/en-switch/en-switch"
-	import enTextarea from "components/en-from/en-textarea/en-textarea"
-	import enDate from "components/en-from/en-date/en-date"
-	import enHeadImg from "components/en-from/en-head/en-head-img"
-	import enUpload from "components/en-from/en-upload/en-upload"
-	import enSelect from "components/en-from/en-select/en-select"
-  import bitkeepTron from "../../common/wallet/bitkeep-wallet/bitkeep-tron";
-
-	export default {
+import {banner, notices} from "@/api/news";
+import $ from 'jquery/src/jquery'
+  export default {
 		components: {
-      enSelect,
-      enUpload,
-			enDate,
-		 enTextarea,
-		 enSwitch,
-			enRadio,
-			enCheckbox,
-			enInput,
-			enSend,
-			enHeadImg
+
 		},
 		data() {
 			return {
-
+        bannerList:[],
+        noticeList:[]
       }
 
 		},
 		watch: {
 
 		},
-
-		mounted() {
+    onLoad(query) {
+      this.banner()
+      this.notices()
+    },
+    mounted() {
 
 		},
 		methods: {
-      test(){
-       bitkeepTron.getAccounts().then((Address)=>{
-         console.log('---------------------')
-         console.log(Address)
-         bitkeepTron.getBalance().then((res)=>{
-           console.log(res)
-         })
-       })
+      banner(){
+        banner().then((res)=>{
+          if(res.code===1){
+            this.bannerList=res.data
+          }
+        })
       },
-			getCode() {
+      notices(){
+        notices().then((res)=>{
+          if(res.code===1){
+            this.noticeList=res.data
+            setTimeout(function() {
+              let scroll = function(s, top, sp) {
+                let wview = $(".apple ul li:first-child view").width();
+                let wLi = $(".apple ul li").width();
+                let wOffset = wview - wLi;
+                let time = wOffset * 120;
+                //		alert(wOffset);
+                if (wview > wLi) {
+                  $(".apple ul li:first-child view").animate({
+                    left: -wOffset
+                  }, time);
+                  setTimeout(function() {
+                    s.animate({
+                      marginTop: top + "px"
+                    }, sp, function() {
+                      s.css("marginTop", "0px");
+                      s.children("li:first").appendTo(s);
+                      s.clearQueue().delay(sp).queue(function() {
+                        $(".apple ul li view").css("left", 0);
+                        scroll(s, top, sp);
+                      });
+                    });
+                  }, time);
+                } else {
+                  s.animate({
+                    marginTop: top + "px"
+                  }, sp, function() {
+                    s.css("marginTop", "0px");
+                    s.children("li:first").appendTo(s);
+                    s.clearQueue().delay(sp).queue(function() {
+                      scroll(s, top, sp);
+                    });
+                  });
+                }
+              };
+              scroll($("ul.cy-wz-sco"), -30, 3000);
+            }, 50);
+          }
+        })
+      }
 
-			},
-			toList() {
-				uni.navigateTo({
-					url: '/pages/text/index'
-				})
-			},
 
 		},
 	}
 </script>
 <style lang="scss" scoped>
-	.border-item {
-		border-bottom: 2rpx solid #F0F0F0;
-	}
+.box-data{
+  background: #131E30;
+  min-height: calc(100vh - 49px);
+  .header{
+    position: fixed; left: 0; top: 0; width: 100%; height: 54px;  background: #131E30; z-index: 10; overflow: hidden;
+    .hd-logo{ display: block; max-width: 50%; height: 34px; margin: 10px auto;}
+  }
+  .mui-content{
+    color: #7388a7;
+    padding: 0 20rpx;
+    .swiper-box{
+      height: 330rpx;
+      .swiper-item{
+        border-radius: 16rpx;
+        image{
+          width: calc(100vw - 40rpx);
+          height: 330rpx;
+        }
+      }
+    }
+    .ln-notice{ position: relative; width: calc(100% - 20px); height: 30px; line-height: 30px; padding-left: 30px; margin: 10px auto; font-size: 14px;
+      .ln-notice-pic{ display: block; position: absolute; left: 0; top: 0; bottom: 0; width: 20px; height: 20px; margin: auto 0;}
+      marquee{ width: 100%; height: 30px;}
+      .apple{ width: 100%; height: 30px; overflow: hidden;}
+      text{
+        color: #7388a7;
+        font-size: 14px;
+      }
+    }
+    .ln-nav{
+      width: 100%;
+      padding-top: 10px;
+      border-top: 1px solid #213141;
+      overflow: auto;
+      margin: 0 auto;
+      display: flex;
+      justify-content: space-between;
+      .ln-nav-item{
+        width: calc((100vw - 80px)/3);
+        height: 75px;
+        padding: 6px;
+        border-radius: 6px;
+        overflow: hidden;
+        background: #1A2B3D;
+        .lg-nav-pic{ display: block; width: 40px; height: 40px; margin: 0 auto;}
+        .lg-nav-intro{ width: 100%; height: 24px; text-align: center; line-height: 24px; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #7388a7;font-size: 14px;}
+      }
+    }
+    .ln-banner{
+      position: relative; width: calc(100% - 40rpx); padding: 10px; padding-top: 15px; margin: 10px auto; border-radius: 6px; overflow: hidden; background: url(/static/img/bg/bnbg.png) no-repeat; background-size: 100% 100%;
+
+      .ln-bn-hd{ width: 100%; line-height: 24px; color: rgb(217,228,246); font-size: 17px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
+      .ln-bn-nav{ width: 100%; text-align: center; margin: 5px 0; margin-top: 15px; overflow: auto;
+        .ln-bn-nav-item{ position: relative; width: 50%; float: left;
+          .ln-bn-hline{ position: absolute; right: 0; top: 0; bottom: 0; width: 1px; height: 50%; margin: auto 0; background: #3469BD;}
+         .ln-bn-num{ width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
+          .ln-bn-intro{
+            height: 21px;
+            font-size: 12px;
+            color: rgb(217,228,246);
+          }
+           .ln-bn-num{
+             height: 28px;line-height: 28px;
+             font-size: 18px;
+             font-weight: 600;
+             color: rgb(217,228,246);
+           }
+        }
+      }
 
-	.box-data {
-   height: 100vh;
-		padding: 32rpx 32rpx 0;
-		background-color: #fff;
-    .box-but{
-      //position: fixed;
-      width: 80%;
-      //left: 10%;
-      bottom: 40rpx;
     }
-	}
+    .ln-con{
+      width: 100%; background: #1A2B3D;
+      .ln-con-tit{
+        width:  calc(100% - 20px); height: 41px; line-height: 20px; border-bottom: 1px solid #213141; padding: 10px;
+        .ln-list-iteam{ float: left; font-size: 13px; color: #7388a7;}
+      }
+      .ln-list{
+        width: 100%;
+        padding-bottom: 20rpx;
+        .list-item{
+          width: calc(100% - 20px); padding: 10px; border-bottom: 1px solid #213141; overflow: auto;
+          display: flex;
+          justify-content: space-between;
+          .ln-list-iteam{ font-size: 12px; color: #d9e4f6;}
+          .ln-list-iteam view{ width: 100%; height: 12px; line-height: 24px; color: #d9e4f6;}
+          .ln-list-num{
+            font-size: 14px;
+          }
+          .ln-list-iteam view span{ font-size: 16px; font-weight: 600; color: #d9e4f6;}
+        }
+
+      }
+      .ln-list-iteam-36{ width: 36%;}
+      .ln-list-iteam-28{ width: 28%;}
+
+
+
+
+
+
+    }
+
+  }
+
+}
+
+
 
 </style>

pages/msg/index.vue

@@ -0,0 +1,25 @@
+<template>
+  <view>
+
+  </view>
+</template>
+
+<script>
+export default {
+  name: "index",
+  components: {},
+  props: {},
+  data() {
+    return {}
+  },
+  watch: {},
+  mounted() {
+
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="scss">
+
+</style>

pages/my/index.vue

@@ -0,0 +1,25 @@
+<template>
+  <view>
+
+  </view>
+</template>
+
+<script>
+export default {
+  name: "index",
+  components: {},
+  props: {},
+  data() {
+    return {}
+  },
+  watch: {},
+  mounted() {
+
+  },
+  methods: {}
+}
+</script>
+
+<style scoped lang="scss">
+
+</style>