share

src/pages/mine-pages/share/share.html

+<ion-header>
+
+  <ion-navbar>
+    <ion-title>分享客户端</ion-title>
+  </ion-navbar>
+
+</ion-header>
+
+
+<ion-content>
+    <div class="share">
+      <div class="code-title">
+        <div class="img">
+          <img src="./assets/imgs/logo.png">
+        </div>
+        <div class="name">
+          部机关党建云
+        </div>
+      </div>
+      <div class="barCode">
+        <img src="./assets/imgs/mine/barCode.png" alt="">
+      </div>
+      <div class="codetips">
+        手机扫描二维码安装部机关党建云App
+      </div>
+    </div>
+</ion-content>

src/pages/mine-pages/share/share.module.ts

+import { NgModule } from '@angular/core';
+import { IonicPageModule } from 'ionic-angular';
+import { SharePage } from './share';
+
+@NgModule({
+  declarations: [
+    SharePage,
+  ],
+  imports: [
+    IonicPageModule.forChild(SharePage),
+  ],
+})
+export class SharePageModule {}

src/pages/mine-pages/share/share.scss

+page-share {
+  ion-content{
+    padding: 2rem 1rem;
+    background-color: #938B98;
+  }
+  .share{
+    background-color: #f1f1f1;
+    height: 100%;
+    padding: 3rem 2rem;
+  }
+  .code-title{
+    display: flex;
+    align-items: center;
+    padding: 1rem 0;
+    background-color: #fff;
+    border-bottom: 1px solid #eee;
+    font-size: 1.6rem;
+    .img{
+      width: 40%;
+      text-align: center;
+      img{
+        border-radius: 5px;
+        width: 60px;
+      }
+    }
+    .name{
+      width: 80%;
+      padding-left: 1rem;
+    }
+  }
+  .barCode{
+    background-color: #fff;
+  }
+  .codetips{
+    text-align: center;
+    color: #666666;
+    padding: 2rem 0;
+    background-color: #fff;
+    border-top: 1px solid #eee;
+  }
+}

src/pages/mine-pages/share/share.ts

+import { Component } from '@angular/core';
+import { IonicPage, NavController, NavParams } from 'ionic-angular';
+
+
+@IonicPage()
+@Component({
+  selector: 'page-share',
+  templateUrl: 'share.html',
+})
+export class SharePage {
+
+  constructor(public navCtrl: NavController, public navParams: NavParams) {
+  }
+
+  ionViewDidLoad() {
+    console.log('ionViewDidLoad SharePage');
+  }
+
+}