|
@@ -0,0 +1,302 @@
|
|
|
|
|
+<!doctype html>
|
|
|
|
|
+<html class="no-js">
|
|
|
|
|
+<head>
|
|
|
|
|
+ <meta charset="utf-8">
|
|
|
|
|
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
|
|
+ <meta name="description" content="">
|
|
|
|
|
+ <meta name="keywords" content="">
|
|
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
|
+ <title>商城</title>
|
|
|
|
|
+
|
|
|
|
|
+ <!-- Set render engine for 360 browser -->
|
|
|
|
|
+ <meta name="renderer" content="webkit">
|
|
|
|
|
+
|
|
|
|
|
+ <!-- No Baidu Siteapp-->
|
|
|
|
|
+ <meta http-equiv="Cache-Control" content="no-siteapp" />
|
|
|
|
|
+
|
|
|
|
|
+ <link rel="icon" type="image/png" href="js/i/favicon.png">
|
|
|
|
|
+
|
|
|
|
|
+ <!-- Add to homescreen for Chrome on Android -->
|
|
|
|
|
+ <meta name="mobile-web-app-capable" content="yes">
|
|
|
|
|
+ <link rel="icon" sizes="192x192" href="i/app-icon72x72@2x.png">
|
|
|
|
|
+
|
|
|
|
|
+ <!-- Add to homescreen for Safari on iOS -->
|
|
|
|
|
+ <meta name="apple-mobile-web-app-capable" content="yes">
|
|
|
|
|
+ <meta name="apple-mobile-web-app-status-bar-style" content="black">
|
|
|
|
|
+ <meta name="apple-mobile-web-app-title" content="Amaze UI" />
|
|
|
|
|
+ <link rel="apple-touch-icon-precomposed" href="i/app-icon72x72@2x.png">
|
|
|
|
|
+
|
|
|
|
|
+ <!-- Tile icon for Win8 (144x144 + tile color) -->
|
|
|
|
|
+ <meta name="msapplication-TileImage" content="i/app-icon72x72@2x.png">
|
|
|
|
|
+ <meta name="msapplication-TileColor" content="#0e90d2">
|
|
|
|
|
+
|
|
|
|
|
+ <link rel="stylesheet" href="__CDN__/assets/shop/css/amazeui.css">
|
|
|
|
|
+ <link rel="stylesheet" href="__CDN__/assets/shop/css/app.css">
|
|
|
|
|
+ <style>
|
|
|
|
|
+ .header {
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .header img {
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ z-index: 1;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .header .shop-name {
|
|
|
|
|
+ position: absolute;
|
|
|
|
|
+ z-index: 2;
|
|
|
|
|
+ width: 124px;
|
|
|
|
|
+ bottom: 80px;
|
|
|
|
|
+ right: 0;
|
|
|
|
|
+ margin: auto;
|
|
|
|
|
+ border-radius: 4px;
|
|
|
|
|
+ left: 15px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .main {
|
|
|
|
|
+
|
|
|
|
|
+ padding: 15px;
|
|
|
|
|
+ background: url('__CDN__/assets/shop/img/goods/bg.png') ;
|
|
|
|
|
+ background-size: revert;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .main ul {
|
|
|
|
|
+ padding: 0;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .main ul li {
|
|
|
|
|
+ list-style: none;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .account {
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .account .block {
|
|
|
|
|
+ border-radius: 2px;
|
|
|
|
|
+ width: calc(50% - 7.5px);
|
|
|
|
|
+ display: inline-block;
|
|
|
|
|
+ color: #fff;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ padding: 10px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .account .block .money {
|
|
|
|
|
+ color: #fcc315;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .account .award {
|
|
|
|
|
+ font-size: 16px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .account .award .money {
|
|
|
|
|
+ font-weight: bold;
|
|
|
|
|
+ margin-top: 20px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .account .release {
|
|
|
|
|
+ margin-left: 15px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .orders {
|
|
|
|
|
+ margin: 15px 0;
|
|
|
|
|
+ border-radius: 2px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .orders ul {
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ padding: 10px 0;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .orders ul li {
|
|
|
|
|
+ display: inline-block;
|
|
|
|
|
+ width: 33.33%;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ color: #fff;
|
|
|
|
|
+ font-family: "宋体";
|
|
|
|
|
+ font-size: 18px;
|
|
|
|
|
+ font-weight: bold;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .orders ul li img {
|
|
|
|
|
+ width: 60px;
|
|
|
|
|
+ margin: 0 auto;
|
|
|
|
|
+ display: inline-block;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .menu {
|
|
|
|
|
+ border-radius: 2px;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .menu ul {
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ padding: 10px 0;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .menu ul li {
|
|
|
|
|
+ width: 33.33%;
|
|
|
|
|
+ display: inline-block;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ color: #fff;
|
|
|
|
|
+ font-family: "宋体";
|
|
|
|
|
+ font-size: 18px;
|
|
|
|
|
+ font-weight: bold;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .menu ul li img {
|
|
|
|
|
+ width: 60px;
|
|
|
|
|
+ margin: 0 auto;
|
|
|
|
|
+ display: inline-block;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .goods {
|
|
|
|
|
+ padding: 0px 15px;
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ .goods .title img {
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ }
|
|
|
|
|
+ .goods .good-list {
|
|
|
|
|
+ padding: 10px 0 30px;
|
|
|
|
|
+ display: table-cell;
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ }
|
|
|
|
|
+ .good-list .list-item {
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ width: calc(50% - 10px);
|
|
|
|
|
+ display: inline-block;
|
|
|
|
|
+ }
|
|
|
|
|
+ .good-list .list-item:nth-child(even) {
|
|
|
|
|
+ margin-left: 15px;
|
|
|
|
|
+ }
|
|
|
|
|
+ .good-list .list-item img {
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ margin: 0 auto;
|
|
|
|
|
+ display: inline-block;
|
|
|
|
|
+ }
|
|
|
|
|
+ .good-list .list-item .good-name {
|
|
|
|
|
+ padding: 4px;
|
|
|
|
|
+ text-overflow: ellipsis;
|
|
|
|
|
+
|
|
|
|
|
+ display: -webkit-box;
|
|
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
|
|
+
|
|
|
|
|
+ display: -moz-box;
|
|
|
|
|
+ -moz-line-clamp: 2;
|
|
|
|
|
+ -moz-box-orient: vertical;
|
|
|
|
|
+
|
|
|
|
|
+ overflow-wrap: break-word;
|
|
|
|
|
+ word-break: break-all;
|
|
|
|
|
+ white-space: normal;
|
|
|
|
|
+ overflow: hidden;
|
|
|
|
|
+ }
|
|
|
|
|
+ .bg-brown {
|
|
|
|
|
+ background-color: #6e4423;
|
|
|
|
|
+ }
|
|
|
|
|
+ .bg-green {
|
|
|
|
|
+ background-color: #465012
|
|
|
|
|
+ }
|
|
|
|
|
+ .bg-purple {
|
|
|
|
|
+ background-color: #5d4642;
|
|
|
|
|
+ }
|
|
|
|
|
+ .bg-cyan {
|
|
|
|
|
+ background-color: #484940;
|
|
|
|
|
+ }
|
|
|
|
|
+ .bg-light {
|
|
|
|
|
+ background-color: #ece1ce;
|
|
|
|
|
+ }
|
|
|
|
|
+ </style>
|
|
|
|
|
+</head>
|
|
|
|
|
+<body>
|
|
|
|
|
+<div id="app">
|
|
|
|
|
+ <div class="header">
|
|
|
|
|
+ <img class="header-bg" src="__CDN__/assets/shop/img/goods/header-bg.jpg" alt="">
|
|
|
|
|
+ <img class="shop-name" src="{$logo}" alt="">
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="main">
|
|
|
|
|
+ <div class="account">
|
|
|
|
|
+ <div class="block award bg-brown">
|
|
|
|
|
+ <p class="money">{$awards.total_usdt}$</p>
|
|
|
|
|
+ <p class="text">流拍基金(usdt)</p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="block release bg-green">
|
|
|
|
|
+ <div class="waiting">
|
|
|
|
|
+ <p class="money">{$awards.surplus_usdt}$</p>
|
|
|
|
|
+ <p class="text">待发放</p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="send" onclick="window.location='/shop/user/releaselog'">
|
|
|
|
|
+ <p class="money">{$awards.release_usdt}$</p>
|
|
|
|
|
+ <p class="text">已发放</p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="orders bg-purple">
|
|
|
|
|
+ <ul>
|
|
|
|
|
+ <li onclick="window.location='/shop/trade/trade1'" >
|
|
|
|
|
+ <div class="text"><img src="__CDN__/assets/shop/img/goods/icon-order1.png" width="75%" style="border-radius:100%;"/></div>
|
|
|
|
|
+ <div class="am-padding-top-xs">等待付款</div>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ <li onclick="window.location='/shop/trade/trade2'">
|
|
|
|
|
+ <div class="text"><img src="__CDN__/assets/shop/img/goods/icon-order2.png" width="75%" style="border-radius:100%;"/></div>
|
|
|
|
|
+ <div class="am-padding-top-xs">收款确认</div>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ <li onclick="window.location='/shop/trade/trade3'">
|
|
|
|
|
+ <div class=""><img src="__CDN__/assets/shop/img/goods/icon-order3.png" width="75%" style="border-radius:100%;"/></div>
|
|
|
|
|
+ <div class="am-padding-top-xs">委托代卖</div>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ </ul>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="menu bg-cyan">
|
|
|
|
|
+ <ul>
|
|
|
|
|
+ {volist name="cats" id="v"}
|
|
|
|
|
+ <li onclick="window.location='/shop/goods/goodslist/catid/{$v.id}'" >
|
|
|
|
|
+ <div class=""><img src="{$v.image}" width="75%" style="border-radius:100%;"/></div>
|
|
|
|
|
+ <div class="am-padding-top-xs">{$v.name}</div>
|
|
|
|
|
+ </li>
|
|
|
|
|
+ {/volist}
|
|
|
|
|
+ </ul>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="goods bg-light">
|
|
|
|
|
+ <div class="title"><img src="__CDN__/assets/shop/img/goods/goods-header.png" alt=""></div>
|
|
|
|
|
+ <div class="good-list">
|
|
|
|
|
+ <div class="list-item">
|
|
|
|
|
+ <p class="thumb"><img src="__CDN__/assets/shop/img/goods/goods1.jpeg" alt=""></p>
|
|
|
|
|
+ <p class="good-name">丝澜 2021年景迈 大宗师普洱生茶2.5kg/提(7饼)</p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="list-item">
|
|
|
|
|
+ <p class="thumb"><img src="__CDN__/assets/shop/img/goods/goods2.jpeg" alt=""></p>
|
|
|
|
|
+ <p class="good-name">丝澜 2021年景迈 大平掌普洱生茶2.5kg/提(7饼)</p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="list-item">
|
|
|
|
|
+ <p class="thumb"><img src="__CDN__/assets/shop/img/goods/goods3.jpeg" alt=""></p>
|
|
|
|
|
+ <p class="good-name">丝澜 2021年景迈 蜂神林普洱生茶2.5kg/提(7饼)</p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="list-item">
|
|
|
|
|
+ <p class="thumb"><img src="__CDN__/assets/shop/img/goods/goods4.jpeg" alt=""></p>
|
|
|
|
|
+ <p class="good-name">丝澜 2021年景迈山里 普洱熟茶2.5kg/提(7饼)</p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ </div>
|
|
|
|
|
+</div>
|
|
|
|
|
+<!--[if (gte IE 9)|!(IE)]><!-->
|
|
|
|
|
+<!--<![endif]-->
|
|
|
|
|
+<!--[if lte IE 8 ]>
|
|
|
|
|
+<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
|
|
|
|
|
+<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
|
|
|
|
|
+<script src="js/amazeui.ie8polyfill.min.js"></script>
|
|
|
|
|
+<![endif]-->
|
|
|
|
|
+<script src="__CDN__/assets/shop/js/amazeui.min.js"></script>
|
|
|
|
|
+<script src="__CDN__/assets/shop/plugins/superSlide/jquery.SuperSlide.2.1.1.js"></script>
|
|
|
|
|
+<script src="__CDN__/assets/shop/js/app.js"></script>
|
|
|
|
|
+<script src="__CDN__/assets/libs/layer/layer.js"></script>
|
|
|
|
|
+<script type="text/javascript">
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+</script>
|
|
|
|
|
+</body>
|
|
|
|
|
+</html>
|