Former-commit-id: 94ed2ecf0f7f2e3af3ec6a5fbfd0e94e8ce29f55
TangShanKaiPing
wanggang 6 years ago
parent 2b0188aebd
commit 4c2aab9094

@ -1,4 +1,5 @@
body, html {
/*weui*/
body, html {
height: 100%;
-webkit-tap-highlight-color: transparent
}
@ -597,3 +598,74 @@ ul {
padding: 0
}
}
/*mint ui*/
/* 覆盖mint-ui的primary颜色改为微信UI的绿色 */
.mint-header {
background-color: #1aad19;
}
.mint-button:not(.is-disabled):active::after {
opacity: .2 /* .6 */
}
.mint-button--primary {
background-color: #1aad19;
}
.mint-button--primary.is-plain {
border: 1px solid #1aad19;
color: #1aad19
}
.mint-badge.is-primary {
background-color: #1aad19
}
.mint-switch-input:checked + .mint-switch-core {
border-color: #1aad19;
background-color: #1aad19;
}
.mint-navbar .mint-tab-item.is-selected {
border-bottom: 3px solid #1aad19;
color: #1aad19;
}
.mint-tabbar > .mint-tab-item.is-selected {
color: #1aad19;
}
.mint-searchbar-cancel {
color: #1aad19;
}
.mint-checkbox-input:checked + .mint-checkbox-core {
background-color: #1aad19;
border-color: #1aad19;
}
.mint-radio-input:checked + .mint-radio-core {
background-color: #1aad19;
border-color: #1aad19;
}
.mt-range-progress {
background-color: #1aad19;
}
.mt-progress-progress {
background-color: #1aad19;
}
.mint-msgbox-confirm {
color: #1aad19;
}
.mint-msgbox-confirm:active {
color: #1aad19;
}
.mint-datetime-action {
color: #1aad19;
}

@ -1,7 +1,11 @@
<div class="weui-tab" id="tab">
<div class="weui-tab__panel">
<div class="weui-tab__content page_feedback">
<router-link to="/">首页</router-link>
<mt-header title="产品">
<router-link to="/" slot="right">
<i class="ion ion-ios-close"></i>
</router-link>
</mt-header>
</div>
<div class="weui-tab__content">
<router-link to="/">2</router-link>

@ -1,3 +1,4 @@
/*weui*/
body, html {
height: 100%;
-webkit-tap-highlight-color: transparent
@ -597,3 +598,74 @@ ul {
padding: 0
}
}
/*mint ui*/
/* 覆盖mint-ui的primary颜色改为微信UI的绿色 */
.mint-header {
background-color: #1aad19;
}
.mint-button:not(.is-disabled):active::after {
opacity: .2 /* .6 */
}
.mint-button--primary {
background-color: #1aad19;
}
.mint-button--primary.is-plain {
border: 1px solid #1aad19;
color: #1aad19
}
.mint-badge.is-primary {
background-color: #1aad19
}
.mint-switch-input:checked + .mint-switch-core {
border-color: #1aad19;
background-color: #1aad19;
}
.mint-navbar .mint-tab-item.is-selected {
border-bottom: 3px solid #1aad19;
color: #1aad19;
}
.mint-tabbar > .mint-tab-item.is-selected {
color: #1aad19;
}
.mint-searchbar-cancel {
color: #1aad19;
}
.mint-checkbox-input:checked + .mint-checkbox-core {
background-color: #1aad19;
border-color: #1aad19;
}
.mint-radio-input:checked + .mint-radio-core {
background-color: #1aad19;
border-color: #1aad19;
}
.mt-range-progress {
background-color: #1aad19;
}
.mt-progress-progress {
background-color: #1aad19;
}
.mint-msgbox-confirm {
color: #1aad19;
}
.mint-msgbox-confirm:active {
color: #1aad19;
}
.mint-datetime-action {
color: #1aad19;
}

@ -3,7 +3,9 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,viewport-fit=cover">
<link rel="stylesheet" href="lib/mint-ui/style.css">
<link rel="stylesheet" href="lib/weui/weui.min.css">
<link rel="stylesheet" href="lib/ionicons/css/ionicons.min.css">
<link rel="stylesheet" href="css/app.css">
<title>物联网中心</title>
</head>
@ -24,6 +26,7 @@
<script src="lib/weui.js/weui.min.js"></script>
<script src="lib/vue/vue.min.js"></script>
<script src="lib/vue-router/vue-router.min.js"></script>
<script src="lib/mint-ui/index.js"></script>
<!---->
<script src="UserCenter/Account/HasLogin"></script>
<script src="js/app.js"></script>

@ -31,7 +31,7 @@ router.beforeEach((to,from,next)=>{
};
router.addRoutes([route]);
routeList.push(route);
router.push(to.path);
router.push(to.fullPath);
});
}
else{

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

@ -1,26 +1,40 @@
<div class="weui-tab" id="tab">
<div class="weui-tab__panel">
<div class="weui-tab__content page_feedback">
<router-link to="/IoTCenter/index">物联网中心</router-link>
<mt-header title="消息"></mt-header>
</div>
<div class="weui-tab__content">
<router-link to="/IoTCenter/index">物联网中心2</router-link>
<mt-header title="应用"></mt-header>
<div class="weui-grids">
<router-link to="/IoTCenter/index" class="weui-grid">
<div class="weui-grid__icon">
<img src="/IoTCenter/images/logo.png" alt="">
</div>
<p class="weui-grid__label">物联网中心</p>
</router-link>
<router-link to="/IoTCenter/index" class="weui-grid">
<div class="weui-grid__icon">
<img src="/UserCenter/images/logo.png" alt="">
</div>
<p class="weui-grid__label">用户中心</p>
</router-link>
</div>
</div>
<div class="weui-tab__content">
<router-link to="/IoTCenter/index">物联网中心3</router-link>
<mt-header title="我的"></mt-header>
</div>
</div>
<div class="weui-tabbar">
<a href="javascript:;" class="weui-tabbar__item">
<i class="weui-icon-success weui-icon_msg weui-tabbar__icon"></i>
<i class="ion ion-ios-chatboxes weui-tabbar__icon"></i>
<p class="weui-tabbar__label">消息</p>
</a>
<a href="javascript:;" class="weui-tabbar__item">
<i class="weui-icon-success weui-icon_msg weui-tabbar__icon"></i>
<i class="ion ion-md-apps weui-tabbar__icon"></i>
<p class="weui-tabbar__label">应用</p>
</a>
<a href="javascript:;" class="weui-tabbar__item">
<i class="weui-icon-success weui-icon_msg weui-tabbar__icon"></i>
<i class="ion ion-md-person weui-tabbar__icon"></i>
<p class="weui-tabbar__label">我的</p>
</a>
</div>

@ -11,7 +11,7 @@
},
mounted: function () {
console.log('mounted');
weui.tab('#tab');
weui.tab('#tab',{defaultIndex:1});
},
methods: {
}

@ -35,7 +35,8 @@
"metro4": "4.3.3",
"toastr": "2.1.4",
"weui": "2.1.3",
"weui.js": "1.2.1"
"weui.js": "1.2.1",
"mint-ui": "2.2.13"
},
"devDependencies": {},
"scripts": {

Loading…
Cancel
Save