首頁 探索 說明
登入
lqq
/
LxtalkUIView
關註 2
讚好 1
複刻 1
Files 問題管理 0 合併請求 0 Wiki
瀏覽代碼

微信界面

dgf 8 年之前
父節點
b7525bba3e
當前提交
ede65c7240
共有 18 個文件被更改，包括 465 次插入 和 1 次删除
分割檢視 顯示文件統計
  1. 1 0
      dist/web12345/app-1c66235a80.css
  2. 1 0
      dist/web12345/app-78fb1539c5.js
  3. 30 0
      dist/web12345/index.html
  4. 44 0
      talkview/src/less/app.main.less
  5. 48 1
      talkview/src/templates/groupsInfo.html
  6. 二進制
      web12345.rar
  7. 98 0
      web12345/Gulpfile.js
  8. 30 0
      web12345/src/html/index.html
  9. 8 0
      web12345/src/js/app.js
  10. 7 0
      web12345/src/js/controller/webController.js
  11. 35 0
      web12345/src/js/router.js
  12. 3 0
      web12345/src/less/app.less
  13. 127 0
      web12345/src/less/app.main.less
  14. 0 0
      web12345/src/templates/web1.html
  15. 0 0
      web12345/src/templates/web2.html
  16. 0 0
      web12345/src/templates/web3.html
  17. 33 0
      web12345/src/templates/web4.html
  18. 0 0
      web12345/src/templates/web5.html

File diff suppressed because it is too large
+ 1 - 0
dist/web12345/app-1c66235a80.css


File diff suppressed because it is too large
+ 1 - 0
dist/web12345/app-78fb1539c5.js


+ 30 - 0
dist/web12345/index.html
查看文件 

@@ -0,0 +1,30 @@
 
+<!DOCTYPE html>
 
+<html>
 
+
 
+<head>
 
+    <title>chat view</title>
 
+    <meta charset="utf-8" />
 
+    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
 
+    <!-- 新 Bootstrap 核心 CSS 文件 -->
 
+    <link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.min.css">
 
+    <link rel="stylesheet" href="../bower_components/animate.css/animate.min.css">
 
+    <link rel="stylesheet" href="app-1c66235a80.css">
 
+
 
+    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
 
+    <!--<script src="js/jquery.min.js"></script>-->
 
+    <script src="../bower_components/lodash/dist/lodash.js"></script>
 
+    <script src="../bower_components/jquery/dist/jquery.min.js"></script>
 
+    <script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
 
+    <script src="../bower_components/angular/angular.js"></script>
 
+    <script src="../bower_components/angular-ui-router/release/angular-ui-router.min.js"></script>
 
+    <script src="../bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
 
+    <script src="../bower_components/angular-animate/angular-animate.min.js"></script>
 
+
 
+    <script src="app-78fb1539c5.js"></script>
 
+</head>
 
+
 
+<body ng-app="app">
 
+    <ui-view></ui-view>
 
+</body>
 
+
 
+</html>

+ 44 - 0
talkview/src/less/app.main.less
查看文件 

@@ -1232,6 +1232,50 @@ body {
 
                     }
 
                 }
 
             }
 
+            #form2 {
 
+                margin: 20px auto;
 
+                line-height: normal;
 
+                white-space: nowrap; /* 自适应宽度,不换行*/
 
+                overflow: hidden;
 
+                font-family: "微软雅黑","宋体";
 
+                font-size: 12px;
 
+                position: relative;
 
+                .input-search{
 
+                    >span {
 
+                        position: absolute;
 
+                        top: 6px;
 
+                        left: 37px;
 
+                        color: #666;
 
+                    }
 
+                    >input {
 
+                        width: 440px;
 
+                        margin: 0px 30px;
 
+                        padding-left: 25px; 
+                        background: #eee;
 
+                        &:focus {
 
+                            background: #FFF;
 
+                        }
 
+                    }
 
+                }
 
+                #tableForm {
 
+                    margin-top: 20px;
 
+                    #content {
 
+                        tr {
 
+                            line-height: 24px;
 
+                        }
 
+                    }
 
+                    td>input {
 
+                        border: none;
 
+                        outline: none;
 
+                        color: #666;
 
+                        background: #FFF;
 
+                        width: 90%;
 
+                        white-space: nowrap;
 
+                        overflow: hidden;
 
+                        text-overflow: ellipsis;
 
+                    }
 
+                }
 
+            }
 
         }
 
     }
 
 }

+ 48 - 1
talkview/src/templates/groupsInfo.html
查看文件 

@@ -38,7 +38,54 @@
 
         </div>
 
         <div class="tab-pane fade" id="members">
 
             <form id="form2">
 
-                22222222222222222222
 
+                <div class="input-search">
 
+                    <span class="glyphicon glyphicon-search"></span>
 
+                    <input type="text" class="form-control input-sm" placeholder="查找联系人. . ." ng-model="searchName">
 
+                </div>
 
+                <div id="tableForm">
 
+                    <!-- Table -->
 
+                    <table id="header">
 
+                        <thead>
 
+                            <tr>
 
+                                <th style="width:30px;"></th>
 
+                                <th style="width:170px">成员</th>
 
+                                <th style="width:250px">显示名</th>
 
+                                <th style="width:50px">操作</th>
 
+                            </tr>
 
+                        </thead>
 
+                    </table>
 
+                    <div style="border-top:solid 1px #ddd;width:500px;margin:5px auto;"></div>
 
+                    <table id="content">
 
+                        <thead>
 
+                            <tr>
 
+                                <th style="width:30px;"></th>
 
+                                <th style="width:170px"></th>
 
+                                <th style="width:250px"></th>
 
+                                <th style="width:50px"></th>
 
+                            </tr>
 
+                        </thead>
 
+                        <tbody>
 
+                            <tr>
 
+                                <td style="text-align:center;"></td>
 
+                                <td><input type="text" readonly="readonly" value="lsswsrjkjyxgs"></td>
 
+                                <td><input type="text" readonly="readonly" value="丽水市万赛软件科技有限公司维护号丽水市万赛软件科技有限公司维护号"></td>
 
+                                <td><span style="padding-left:10px;font-size:14px;color:#E35850;" class="glyphicon glyphicon-remove"></span></td>
 
+                            </tr>
 
+                            <tr>
 
+                                <td style="text-align:center;"></td>
 
+                                <td><input type="text" readonly="readonly" value="lsswsrjkjyxgs"></td>
 
+                                <td><input type="text" readonly="readonly" value="丽水市万赛软件科技有限公司维护号丽水市万赛软件科技有限公司维护号"></td>
 
+                                <td><span style="padding-left:10px;font-size:14px;color:#E35850;" class="glyphicon glyphicon-remove"></span></td>
 
+                            </tr>
 
+                            <tr>
 
+                                <td style="text-align:center;"></td>
 
+                                <td><input type="text" readonly="readonly" value="lsswsrjkjyxgs"></td>
 
+                                <td><input type="text" readonly="readonly" value="丽水市万赛软件科技有限公司维护号丽水市万赛软件科技有限公司维护号"></td>
 
+                                <td><span style="padding-left:10px;font-size:14px;color:#E35850;" class="glyphicon glyphicon-remove"></span></td>
 
+                            </tr>
 
+                        </tbody>
 
+                    </table>
 
+                </div>
 
             </form>
 
         </div>
 
         <div class="tab-pane fade" id="settings">

二進制
web12345.rar
查看文件


+ 98 - 0
web12345/Gulpfile.js
查看文件 

@@ -0,0 +1,98 @@
 
+var gulp = require('gulp');
 
+// var sass = require('gulp-sass');
 
+var less = require('gulp-less');
 
+var del = require('del');
 
+var concat = require('gulp-concat');
 
+var rev = require('gulp-rev');
 
+var revCollector = require('gulp-rev-collector');
 
+var minifycss = require('gulp-minify-css');
 
+var minifyhtml = require('gulp-minify-html');
 
+var minifyjs = require('gulp-uglify');
 
+var autoprefixer = require('gulp-autoprefixer');
 
+// var imagemin = require('gulp-imagemin');
 
+// var pngquant = require('imagemin-pngquant');
 
+var templateCache = require('gulp-angular-templatecache');
 
+
 
+// Paths to your asset files
 
+var paths = {
 
+    frontend: {
 
+        scripts: [
 
+            '../common/*.js',
 
+            'src/js/**/*.js'
 
+        ],
 
+        styles: [
 
+            'temp/css/*'
 
+        ],
 
+        less: [
 
+            // '../common/*.less',
 
+            'src/less/*.less'
 
+        ],
 
+        imgs: [
 
+            'src/imgs/*'
 
+        ],
 
+        template: [
 
+            'src/templates/*.html'
 
+        ]
 
+    }
 
+}
 
+
 
+var distpath = '../dist/web12345';
 
+
 
+gulp.task('app-css', function() {
 
+    del([distpath + '/app-*.css'], { cwd: process.cwd(), force: true });
 
+    return gulp.src(paths.frontend.less)
 
+        .pipe(less())
 
+        .pipe(concat('app.css'))
 
+        .pipe(minifycss())
 
+        .pipe(rev())
 
+        .pipe(gulp.dest(distpath))
 
+        .pipe(rev.manifest('app-css-manifest.json'))
 
+        .pipe(gulp.dest('temp/manifest'));
 
+});
 
+
 
+gulp.task('rev', ['app-css', 'js'], function() {
 
+    return gulp.src(['temp/manifest/*.json', 'src/html/index.html'])
 
+        .pipe(revCollector())
 
+        .pipe(gulp.dest(distpath));
 
+});
 
+
 
+gulp.task('template', function() {
 
+    return gulp.src(paths.frontend.template)
 
+        .pipe(templateCache('templates.js', { module: 'templatescache', standalone: true, root: 'templates/' }))
 
+        .pipe(gulp.dest('src/js'));
 
+});
 
+
 
+gulp.task('js', ['template'], function() {
 
+    // Cleanup old assets
 
+    del([distpath + '/app-*.js'], { cwd: process.cwd(), force: true });
 
+
 
+    return gulp.src(paths.frontend.scripts)
 
+        .pipe(concat('app.js'))
 
+        .pipe(minifyjs())
 
+        .pipe(rev())
 
+        .pipe(gulp.dest(distpath))
 
+        .pipe(rev.manifest('app-js-manifest.json'))
 
+        .pipe(gulp.dest('temp/manifest'));
 
+});
 
+
 
+// gulp.task('imgs', function () {
 
+//     return gulp.src(paths.frontend.imgs)
 
+//         .pipe(imagemin({
 
+//             progressive: true,
 
+//             svgoPlugins: [{removeViewBox: false}],
 
+//             use: [pngquant()]
 
+//         }))
 
+//         .pipe(gulp.dest('dest/assets/imgs'));
 
+// });
 
+
 
+gulp.task('build', ['app-css', 'template', 'js', 'rev']);
 
+
 
+gulp.task('watch', function() {
 
+    gulp.watch('src/less/*.less', ['app-css', 'rev']);
 
+    gulp.watch('src/html/**/*.html', ['rev']);
 
+    gulp.watch('src/templates/**/*.html', ['template', 'js', 'rev']);
 
+    gulp.watch('src/js/**/*.js', ['js', 'rev']);
 
+});
 
+
 
+// The default task (called when you run `gulp` from cli)
 
+gulp.task('default', ['build', 'watch']);

+ 30 - 0
web12345/src/html/index.html
查看文件 

@@ -0,0 +1,30 @@
 
+<!DOCTYPE html>
 
+<html>
 
+
 
+<head>
 
+    <title>chat view</title>
 
+    <meta charset="utf-8" />
 
+    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
 
+    <!-- 新 Bootstrap 核心 CSS 文件 -->
 
+    <link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.min.css">
 
+    <link rel="stylesheet" href="../bower_components/animate.css/animate.min.css">
 
+    <link rel="stylesheet" href="app.css">
 
+
 
+    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
 
+    <!--<script src="js/jquery.min.js"></script>-->
 
+    <script src="../bower_components/lodash/dist/lodash.js"></script>
 
+    <script src="../bower_components/jquery/dist/jquery.min.js"></script>
 
+    <script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
 
+    <script src="../bower_components/angular/angular.js"></script>
 
+    <script src="../bower_components/angular-ui-router/release/angular-ui-router.min.js"></script>
 
+    <script src="../bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
 
+    <script src="../bower_components/angular-animate/angular-animate.min.js"></script>
 
+
 
+    <script src="app.js"></script>
 
+</head>
 
+
 
+<body ng-app="app">
 
+    <ui-view></ui-view>
 
+</body>
 
+
 
+</html>

+ 8 - 0
web12345/src/js/app.js
查看文件 

@@ -0,0 +1,8 @@
 
+'use strict';
 
+
 
+var app = angular.module('app', [
 
+    'ui.router',
 
+    'templatescache',
 
+    'ui.bootstrap',
 
+    'ngAnimate'
 
+]);

+ 7 - 0
web12345/src/js/controller/webController.js
查看文件 

@@ -0,0 +1,7 @@
 
+'use strict';
 
+
 
+angular.module('app').controller('WebController', ['$scope', function($scope) {
 
+
 
+    //lxtalkClient.Invoke('{FB60F992-A0FD-47B3-AAA7-E80DF209C5A4}', '_Register', '', $scope);
 
+
 
+}]);

+ 35 - 0
web12345/src/js/router.js
查看文件 

@@ -0,0 +1,35 @@
 
+angular.module('app').run(['$rootScope', '$state', '$stateParams',
 
+    function($rootScope, $state, $stateParams) {
 
+        $rootScope.$state = $state;
 
+        $rootScope.$stateParams = $stateParams;
 
+    }
 
+]).config(['$stateProvider', '$urlRouterProvider',
 
+    function($stateProvider, $urlRouterProvider) {
 
+        $urlRouterProvider.otherwise('/web4'); //
 
+        $stateProvider.state('web1', {
 
+                url: '/web1',
 
+                templateUrl: 'templates/web1.html',
 
+                controller: 'WebController'
 
+            })
 
+            .state('web2', {
 
+                url: '/web2',
 
+                templateUrl: 'templates/web2.html',
 
+                controller: 'WebController'
 
+            })
 
+            .state('web3', {
 
+                url: '/web3',
 
+                templateUrl: 'templates/web3.html',
 
+                controller: 'WebController'
 
+            })
 
+            .state('web4', {
 
+                url: '/web4',
 
+                templateUrl: 'templates/web4.html',
 
+                controller: 'WebController'
 
+            })
 
+            .state('web5', {
 
+                url: '/web5',
 
+                templateUrl: 'templates/web5.html',
 
+                controller: 'WebController'
 
+            });
 
+    }
 
+])

+ 3 - 0
web12345/src/less/app.less
查看文件 

@@ -0,0 +1,3 @@
 
+// Core variables and mixins
 
+@import "../../../common/app.utilities.less";
 
+@import "app.main.less";

+ 127 - 0
web12345/src/less/app.main.less
查看文件 

@@ -0,0 +1,127 @@
 
+.chat {
 
+    margin: 0px auto;
 
+    font-family: "微软雅黑","宋体";
 
+    .title2 {
 
+        margin: 5px;
 
+        font-size: 16px;
 
+        font-weight: 600;
 
+        color: #555;
 
+        text-align: center;
 
+        .glyphicon-arrow-left {
 
+            float: left;
 
+            margin-left: 5px;
 
+        }
 
+        .glyphicon-home {
 
+            float: right;
 
+            margin-right: 5px;
 
+        }
 
+    }
 
+    #userHead2 {
 
+        height: 120px;
 
+        background-color: #888888;
 
+        background:url(../img/自己头像1.png);
 
+        background-size:100% 100%;
 
+        background-repeat:no-repeat;
 
+    }
 
+    .userInfo {
 
+        >div {
 
+            margin: 20px 30px 20px 30px;
 
+            line-height: normal;
 
+            white-space: nowrap; /* 自适应宽度,不换行*/
 
+            overflow: hidden;
 
+            font-family: "微软雅黑","宋体";
 
+            font-size: 12px;
 
+        }
 
+        >div>span {
 
+            margin: 50px auto;
 
+            color: #333;
 
+            font-size: 14px;
 
+            font-weight: 600;
 
+        }
 
+        .glyphicon-certificate {
 
+            float: right;
 
+            margin: 5px -230px 0px 0px;
 
+            color: #444;
 
+        }
 
+        .input-sm {
 
+            width: 200px;
 
+            float: right;
 
+            margin-right: 30px;
 
+            font-weight: 500;
 
+            font-family: "微软雅黑","宋体";
 
+        }
 
+        .text-message {
 
+            white-space: normal;
 
+            overflow-y: auto; 
+            width: 200px;
 
+            height: 80px;
 
+            float: right;
 
+            margin-right: 30px;
 
+            margin-top: 3px;
 
+            padding: 2px 5px;
 
+            color: #444;
 
+            border: 1px solid #ccc;
 
+            font-weight: 500;
 
+            &:focus {
 
+                outline: none;
 
+                border: 1px solid #5bc0de;
 
+            }
 
+        }
 
+        .image {
 
+            float: right;
 
+            margin-right: 30px;
 
+            width: 200px;
 
+            height: 30px;
 
+            padding: 2px 4px;
 
+            border-radius: 0px;
 
+            background-color: #888;
 
+            border: 1px solid #888;
 
+            &:hover,&:focus {
 
+                outline: none;
 
+            }
 
+            &:active, .open>.dropdown-toggle.btn-primary{
 
+                outline: none;
 
+                background-color: #666;
 
+                border-color: #666;
 
+            }
 
+            .glyphicon-open {
 
+                color: #ddd;
 
+                font-size: 16px;
 
+            }
 
+        }
 
+        .button-bottom{
 
+            margin: 25px 30px 10px 30px;
 
+            .btn-default{
 
+                line-height: normal;
 
+                height: 36px;
 
+                width: 315px;
 
+                padding: 2px 4px;
 
+                font-size: 16px;
 
+                font-weight: 600;
 
+                border-radius: 20px;
 
+                background-color: #FFF;
 
+                border: 1px solid #ccc;
 
+                color: #444;
 
+                &:hover,&:focus {
 
+                    outline: none;
 
+                }
 
+                &:active, .open>.dropdown-toggle.btn-default{
 
+                    outline: none;
 
+                    background-color: #ddd;
 
+                    border-color: #ccc;
 
+                }
 
+            }
 
+        }
 
+    }
 
+    .foot{
 
+        margin: 24px 30px 0px 30px;
 
+        >a{
 
+            color: #444;
 
+            font-size: 12px;
 
+            font-family: "微软雅黑";
 
+            font-weight: 800;
 
+            margin: 0px 35px 0px 0px ; 
+            text-decoration: none;
 
+        }
 
+    }
 
+}

+ 0 - 0
web12345/src/templates/web1.html
查看文件


+ 0 - 0
web12345/src/templates/web2.html
查看文件


+ 0 - 0
web12345/src/templates/web3.html
查看文件


+ 33 - 0
web12345/src/templates/web4.html
查看文件 

@@ -0,0 +1,33 @@
 
+<div class="chat">
 
+    <div class="title2">
 
+        <span class="glyphicon glyphicon-arrow-left"></span><span>网上投诉</span><span class="glyphicon glyphicon-home"></span>
 
+    </div>
 
+    <div id="userHead2">
 
+    </div>
 
+    <!--<div id="watch1">
 
+        <span>咨询投诉</span>
 
+    </div>-->
 
+    <div class="userInfo">
 
+        <div><span>姓&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp名：</span><input class="form-control input-sm" type="text" placeholder="单行输入"><span class="glyphicon glyphicon-certificate"></span></div>
 
+        <div><span>手机号码：</span><input class="form-control input-sm" type="text" placeholder="单行输入"><span class="glyphicon glyphicon-certificate"></span></div>
 
+        <div><span>投诉内容：</span>
 
+            <div class="text-message" contenteditable="plaintext-only"></div><span class="glyphicon glyphicon-certificate"></span>
 
+        </div>
 
+        <div><span>图&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp片：</span>
 
+            <button type="button" class="btn btn-primary image"><span class="glyphicon glyphicon-open"></span></button>
 
+        </div>
 
+        <div><span>所在位置：</span>
 
+            <div class="text-message" contenteditable="plaintext-only"></div>
 
+        </div>
 
+        <div class="button-bottom">
 
+            <button type="button" class="btn btn-default">提交</button>
 
+        </div>
 
+    </div>
 
+    <div style="border-top:solid 1px #ccc;margin:20px auto;"></div>
 
+    <div class="foot">
 
+        <a href="">咨询投诉 </a>
 
+        <a href="">查询评价 </a>
 
+        <a href="">常见咨询 </a>
 
+        <a href="">动态信息 </a>
 
+    </div>
 
+</div>

+ 0 - 0
web12345/src/templates/web5.html
查看文件