huangdong 6 years ago
parent
commit
7d7b0ed6db

+ 169 - 0
data/resource/mobile/talk/css/share_bonus.css

@@ -0,0 +1,169 @@
+.top {
+    position: relative;
+    height: 180px;
+    background: #2B2B2B;
+}
+.bubbles {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 289px;
+    height: 81px;
+    margin-left: -145px;
+    margin-top: -40px;
+}
+.bubble_1 {
+    position: absolute;
+    top: 26px;
+    left: 0;
+    width: 84px;
+    height: 51px;
+    background: url("../images/bg_1.png");
+    background-size: 100% 100%;
+}
+.bubble_2 {
+    position: absolute;
+    top: 0;
+    left: 42px;
+    width: 200px;
+    height: 82px;
+    background: url("../images/bg_2.png");
+    background-size: 100% 100%;
+    z-index: 10;
+}
+.bubble_3 {
+    position: absolute;
+    top: 15px;
+    right: 0;
+    width: 84px;
+    height: 51px;
+    background: url("../images/bg_3.png");
+    background-size: 100% 100%;
+}
+.total_bonus {
+    position: absolute;
+    top: 14px;
+    left: 42px;
+    width: 200px;
+    height: 82px;
+    z-index: 11;
+    color: #FFEEA6;
+    text-align: center;
+    line-height: 1.4;
+}
+.title {
+    font-size: 18px;
+}
+.bonus_price {
+    font-size: 22px;
+}
+.rmb_symbol {
+    font-size: 17px;
+}
+.group_content {
+    position: absolute;
+    bottom: 15px;
+    left: 0;
+    width: 100%;
+    display: flex;
+    padding: 0 17px;
+    box-sizing: border-box;
+}
+.group_name, .rules{
+    flex: 1;
+}
+
+.group_name {
+    font-size: 18px;
+    color: #ffffff;
+}
+.rules {
+    text-align: right;
+}
+.rules a {
+    color: #ffffff;
+    font-size: 11px;
+    text-decoration: underline;
+}
+.certification_logo {
+    display: inline-block;
+    width: 13px;
+    height: 12px;
+    vertical-align: middle;
+    background: url("../images/certification_logo.png");
+    background-size: 100% 100%;
+}
+.list_title {
+    position: relative;
+    text-align: center;
+    font-size: 14px;
+    color: #333333;
+    padding: 0 15px;
+    margin-top: 13px;
+    box-sizing: border-box;
+}
+.list_title p {
+    width: 82px;
+    margin: 0 auto;
+    text-align: center;
+    background: #ffffff;
+}
+.line {
+    position: absolute;
+    top: 50%;
+    left:15px;
+    height: 1px;
+    width: calc(100% - 30px);
+    width: -webkit-calc(100% - 30px);
+    background: #D4D4D4;
+    z-index: -1;
+}
+.item_content {
+    display: flex;
+    align-items: center;
+}
+.member_content {
+    flex: 1;
+}
+.item {
+    position: relative;
+    padding: 17px;
+    color: #333333;
+}
+.item:before {
+    position: absolute;
+    content: '';
+    bottom: 0;
+    left: 0;
+    height: 1px;
+    width: 100%;
+    background: #DCDCDC;
+}
+.avatar {
+    margin-right: 15px;
+}
+.avatar img{
+    display: inline-block;
+    width: 40px;
+    height: 40px;
+    border-radius: 10px;
+}
+.member_content {
+    font-size: 15px;
+}
+.state {
+    font-size: 18px;
+    text-indent: -11px;
+}
+.time {
+    font-size: 12px;
+    margin-left: 55px;
+}
+.bonus {
+    font-size: 18px;
+    color: #2B2B2B;
+    text-align: right;
+}
+.letter_warn {
+    color: #DD4545;
+}

BIN
data/resource/mobile/talk/images/bg_1.png


BIN
data/resource/mobile/talk/images/bg_2.png


BIN
data/resource/mobile/talk/images/bg_3.png


BIN
data/resource/mobile/talk/images/certification_logo.png


+ 1 - 1
mobile/control/member_talk.php

@@ -616,7 +616,7 @@ class member_talkControl extends mbMemberControl
                 $msg = json_decode($val['msg'],true);
                 $val['msg'] = $msg['value'];
                 $val['state'] = $val['msg']>0?1:0;
-                $val['operate'] = $val['msg']>0?"增加":"消费";
+                $val['operate'] = $val['msg']>0?"贡献":"消费";
                 $list[] = $val;
             }
         }

+ 79 - 18
mobile/templates/default/talk/share_bonus.php

@@ -1,22 +1,83 @@
-<?php
-/**
- * Created by PhpStorm.
- * User: huangdong
- * Date: 2018/8/16
- * Time: 上午11:40
- */
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
+    <title>共享基金</title>
+    <link type="text/css" rel="stylesheet" href="<?php echo RESOURCE_SITE_URL; ?>/mobile/talk/css/weui.css?<?php echo bonus_version(); ?>"/>
+    <link rel="stylesheet" href="<?php echo RESOURCE_SITE_URL; ?>/mobile/talk/css/share_bonus.css?<?php echo bonus_version(); ?>">
+</head
+<body>
+<div class="top">
+    <div class="bubbles">
+        <span class="bubble_1"></span>
+        <span class="bubble_2"></span>
+        <span class="bubble_3"></span>
+        <div class="total_bonus">
+            <p class="title">共享基金</p>
+            <p class="bonus_price"><span class="rmb_symbol">¥</span><?php echo $output['room']['shared_bonus']?></p>
+        </div>
+    </div>
+    <div class="group_content">
+        <div class="group_name">
+            <span><?php echo $output['room']['room_name']?></span>
+            <?php
+                if(!empty($output['room']['level'])) {
+                    echo "<span class=\"certification_logo\"></span>";
+                }
+            ?>
+        </div>
+        <div class="rules">
+            <a href="javascript:void(0)">使用规则></a>
+        </div>
+    </div>
+</div>
+<div class="bonus_list">
+    <div class="list_title">
+        <p>基金动态</p>
+        <div class="line"></div>
+    </div>
+    <div class="list">
+        <?php
+            foreach ($output['list'] as $item) {
+                $time = date("m-d H:i",$item['add_time']);
+                $avatar = $item['avatar'];
+                $name = $item['name'];
+                $operate = $item['operate'];
+                $msg = $item['msg'];
+                $state = $item['state'];
 
+                echo "<div class=\"item\">
+                        <div class=\"item_content\">
+                            <div class=\"avatar\">
+                                <img src=\"$avatar\" alt=\"\">
+                            </div>
+                            <div class=\"member_content\">
+                                <p class=\"name\">$name</p>
+                                <p class=\"state\">【".$operate."】</p>
+                            </div>";
+                if(empty($state)) {
+                    echo    "<div class=\"bonus letter_warn\">
+                                $msg
+                             </div>";
+                }
+                else if($state == 1){
+                    echo    "<div class=\"bonus\">
+                                $msg
+                             </div>";
+                }
+                else {
+                    echo    "";
+                }
 
+                echo        "</div>
+                        <div class=\"time\">$time</div>
+                     </div>";
+            }
+        ?>
+    </div>
+</div>
 
-echo $output['room']['room_name'];
-echo $output['room']['shared_bonus'];
+</body>
+</html>
 
-
-
-foreach ($output['list'] as $item) {
-    $time = $item['add_time'];
-    $avatar = $item['avatar'];
-    $name = $item['name'];
-    $operate = $item['operate'];
-    $msg = $item['msg'];
-}