From de222c84f9b3745b967e69fa48c8a29e623a11e2 Mon Sep 17 00:00:00 2001
From: roy <x1027869635@gmail.com>
Date: Wed, 20 Oct 2021 08:11:48 +0800
Subject: [PATCH] fix: 个人中心添加学生按钮显示

---
 .gitignore                                       |   1 +
 src/component/PrefectBox.vue                     | 298 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/router/index.js                              |   2 +-
 src/views/PublicHome/HomeKQ.vue                  |   4 +++-
 src/views/PublicService/component/PrefectBox.vue | 392 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 5 files changed, 695 insertions(+), 2 deletions(-)
 create mode 100644 src/component/PrefectBox.vue
 create mode 100644 src/views/PublicService/component/PrefectBox.vue

diff --git a/.gitignore b/.gitignore
index 5e5a80e..205f8a4 100644
--- a/.gitignore
+++ b/.gitignore
@@ -20,3 +20,4 @@ yarn-error.log*
 *.njsproj
 *.sln
 *.sw?
+*.zip
diff --git a/src/component/PrefectBox.vue b/src/component/PrefectBox.vue
new file mode 100644
index 0000000..fcc6456
--- /dev/null
+++ b/src/component/PrefectBox.vue
@@ -0,0 +1,298 @@
+<template>
+  <div>
+    <div id="prefect_box">
+      <img class="bg" src="../assets/msg.png" alt="">
+      <div class="content">
+        <div class="item">
+          <input type="text" placeholder="请输入您的姓名" v-model="studentName">
+        </div>
+        <div class="item" @click="handleYear">
+          <p :class="!year||yearDisable?'nodata':''">{{year?year:'请选择当前所处高中年级'}}</p>
+          <img src="../assets/more.png" alt="">
+        </div>
+        <div class="item" @click="showAreaSelect = true">
+          <p :class="!area?'nodata':''">{{area?area:'请选择地区'}}</p>
+          <img src="../assets/more.png" alt="">
+        </div>
+        <div class="item" @click="handleSchool">
+          <p :class="!school?'nodata':''">{{school?school:'请选择学校'}}</p>
+          <img src="../assets/more.png" alt="">
+        </div>
+        <div class="tip">
+          <img src="../assets/tip2.png" alt="">
+          <p>所处高中年级与会员有效期相关，请认真填写</p>
+        </div>
+        <button class="submit" @click="submit">完成</button>
+      </div>
+    </div>
+    <van-popup v-model="showYearSelect" round position="bottom" get-container="body" :safe-area-inset-bottom="true">
+      <van-picker title="当前所处高中年级" show-toolbar :columns="yearArr" value-key="label" @cancel="showYearSelect = false" @confirm="selectYearOver" />
+    </van-popup>
+    <van-popup v-model="showAreaSelect" round position="bottom" get-container="body" :safe-area-inset-bottom="true">
+      <van-area title="地区" :area-list="areaList" @cancel="showAreaSelect = false" @confirm="selectAreaOver" />
+    </van-popup>
+    <van-popup v-model="showSchoolSelect" round position="bottom" get-container="body" :safe-area-inset-bottom="true">
+      <van-picker title="学校" show-toolbar :columns="schoolList" @cancel="showSchoolSelect = false" @confirm="selectSchoolOver" />
+    </van-popup>
+  </div>
+</template>
+
+<script>
+
+export default {
+  data () {
+    return {
+      studentName: '',
+      year: '',
+      yearDisable: false,
+      showYearSelect: false,
+      yearArr: [],
+      area: '',
+      areaCode: '',
+      showAreaSelect: false,
+      areaList: [],
+      school: '',
+      schoolId: '',
+      showSchoolSelect: false,
+      schoolList: [],
+    }
+  },
+
+  mounted () {
+    let userInfo = sessionStorage.getItem('userInfo')
+    this.userInfo = userInfo ? JSON.parse(userInfo) : userInfo;
+    this.studentName = this.userInfo?.studentName;
+    this.initYearArr()
+    this.GetSysAreaList()
+  },
+  methods: {
+    // 初始化入学年份选项
+    initYearArr () {
+      // 页面创建时执行
+      let year = new Date().getFullYear(),
+        Month = new Date().getMonth() + 1,
+        yearArr = [];
+      // if (Month > 8) {
+      //   // 如果月份大于8,那么当年的学年的高考年份要+1,如果月份小于7,那么当前的年份就是今年高考的年份
+      //   year = year + 1
+      // }
+      for (let index = year - 2; index < year + 1; index++) {
+        yearArr.push({ value: index, label: '' })
+      }
+      yearArr[0].label = `高三(${yearArr[0].value})级`;
+      yearArr[1].label = `高二(${yearArr[1].value})级`;
+      yearArr[2].label = `高一(${yearArr[2].value})级`;
+      this.yearArr = yearArr
+      if (this.userInfo?.year) {
+        for (let i in yearArr) {
+          if (yearArr[i].value == this.userInfo.year) {
+            this.year = yearArr[i].label
+            this.yearDisable = true
+          }
+        }
+      }
+    },
+    selectYearOver (value) {
+      this.year = value.label;
+      this.showYearSelect = false;
+    },
+    handleYear () {
+      if (!this.yearDisable) {
+        this.showYearSelect = true;
+      }
+    },
+    // 获取地区列表
+    GetSysAreaList () {
+      this.http.GetSysAreaList({
+        areaCode: 33
+      }).then((res) => {
+        if (res.success) {
+          let data = res.data;
+          let obj = {
+            province_list: {
+              330000: '浙江省'
+            },
+            city_list: {},
+            county_list: {}
+          };
+          if (data) {
+            data.forEach((n, i) => {
+              obj.city_list[n.area_code + '00'] = n.area_name;
+              if (n.areaList.length > 0) {
+                n.areaList.forEach((k, j) => {
+                  obj.county_list[k.area_code] = k.area_name;
+                })
+              }
+            });
+            this.areaList = obj;
+          }
+        } else {
+          this.$toast.fail(res.message)
+        }
+      })
+    },
+    selectAreaOver (value) {
+      let data = value;
+      var city = data[1].code;
+      city = city.substring(0, city.length - 2);
+      // console.log(city)
+      this.area = data[0].name + ',' + data[1].name + ',' + data[2].name;
+      this.areaCode = [data[0].code, city, data[2].code];
+      this.quCode = data[2].code;
+      this.school = '',
+        this.schoolId = '',
+        this.showAreaSelect = false
+      this.GetHighSchoolList(data[2].code);// 通过地区获取学校
+    },
+    // 点击选择学校
+    handleSchool () {
+      if (!this.area) {
+        this.$toast('请先选择地区');
+        return;
+      }
+      this.showSchoolSelect = true
+    },
+    // 通过地区获取学校
+    GetHighSchoolList (areaCode) {
+      this.http.GetHighSchoolList({
+        areaCode: areaCode
+      }).then((res) => {
+        if (res.success) {
+          let data = res.data;
+          let arr = [];
+          if (data) {
+            data.forEach((n, i) => {
+              let obj = {};
+              obj.text = n.schoolName;
+              obj.value = n.id;
+              arr.push(obj);
+            });
+            this.schoolList = arr;
+          }
+        } else {
+          this.$toast.fail(res.message)
+        }
+      })
+    },
+    selectSchoolOver (value) {
+      this.school = value.text;
+      this.schoolId = value.value
+      this.showSchoolSelect = false
+    },
+
+    submit () {
+      if (!this.year) {
+        this.$toast('请选择入学年份');
+        return;
+      }
+      let postData = {
+        studentName: this.studentName,
+        province: this.area.split(',')[0],
+        city: this.area.split(',')[1],
+        areaCode: this.areaCode[2],
+        areaName: this.area.split(',')[2],
+        school: this.school,
+        schoolAddress: this.areaCode[2] ? JSON.stringify(this.areaCode) : '',
+        year: this.year=='高一'?this.yearArr[2].value:this.year=='高二'?this.yearArr[1].value:this.yearArr[0].value
+      }
+      this.$toast.loading({
+        message: '加载中',
+        duration: 0,
+        forbidClick: true
+      })
+      this.http.updateUserInfo(postData).then((res) => {
+        this.$toast.clear()
+        if (res.success) {
+          this.$toast.success(res.message)
+          this.$emit('complete')
+          this.$emit('hidePrefectBox')
+        } else {
+          this.$toast.fail(res.message)
+        }
+      })
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+#prefect_box {
+  width: 638px;
+  height: 836px;
+  background: #ffffff;
+  border-radius: 24px;
+  position: relative;
+  .bg {
+    width: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+  }
+  .content {
+    width: 100%;
+    box-sizing: border-box;
+    padding: 0 40px;
+    position: absolute;
+    top: 236px;
+    left: 0;
+    .item {
+      width: 558px;
+      height: 72px;
+      border-radius: 36px;
+      background: #f7f7f7;
+      box-sizing: border-box;
+      font-size: 28px;
+      padding: 0 32px;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 28px;
+      p {
+        color: #333333;
+        &.nodata {
+          color: #999999;
+        }
+      }
+      img {
+        width: 40px;
+      }
+      input {
+        width: 100%;
+        background: transparent;
+        border: 0;
+        color: #333333;
+        padding: 0;
+        &::-webkit-input-placeholder {
+          color: #999999;
+        }
+      }
+    }
+    .tip {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-bottom: 40px;
+      img {
+        width: 32px;
+      }
+      p {
+        font-size: 24px;
+        color: #f7b500;
+        margin-left: 8px;
+      }
+    }
+    .submit {
+      width: 294px;
+      height: 72px;
+      border: 0;
+      background: linear-gradient(135deg, #99c2ff 0%, #1f59ff 100%);
+      box-shadow: 0px 4px 8px 0px rgba(189, 189, 189, 0.5),
+        0px 8px 12px 0px rgba(87, 137, 255, 0.5);
+      border-radius: 34px;
+      font-size: 34px;
+      color: #ffffff;
+      margin: 0 auto;
+      display: block;
+    }
+  }
+}
+</style>
diff --git a/src/router/index.js b/src/router/index.js
index 15ee02a..b04156c 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -224,7 +224,7 @@ const routes = [{
 },
 ]
 const router = new VueRouter({
-	mode: 'hash',
+	mode: 'history',
 	// base: process.env.BASE_URL+'/center',
 	base: process.env.BASE_URL,
 	routes
diff --git a/src/views/PublicHome/HomeKQ.vue b/src/views/PublicHome/HomeKQ.vue
index c00a349..4e4d43c 100644
--- a/src/views/PublicHome/HomeKQ.vue
+++ b/src/views/PublicHome/HomeKQ.vue
@@ -29,7 +29,7 @@
         <van-icon name="arrow" />
       </div>
     </div>
-    <HomeChildList v-if="centerNo" parent="HomeKQ"></HomeChildList>
+    <HomeChildList v-if="showChildList" parent="HomeKQ"></HomeChildList>
 
     <!-- <div class="cardPic" v-show='isShow'>
       <div class="boxPic"  @click="isShow = false">
@@ -67,6 +67,7 @@ export default {
       isShow: false,
       appId: 'wx1305e88d2bc74073', //绍兴研学
       publicName: 'KQ',
+      showChildList: false
     }
   },
 
@@ -135,6 +136,7 @@ export default {
           this.centerNo = res.data.data.centerNo
           sessionStorage.setItem('userInfo', JSON.stringify(res.data.data))
         }
+        this.showChildList = true
       })
     },
     // 判断是否已登录
diff --git a/src/views/PublicService/component/PrefectBox.vue b/src/views/PublicService/component/PrefectBox.vue
new file mode 100644
index 0000000..d535026
--- /dev/null
+++ b/src/views/PublicService/component/PrefectBox.vue
@@ -0,0 +1,392 @@
+<template>
+  <div>
+    <div id="prefect_box">
+      <img class="bg" src="@/assets/msg.png" alt="">
+      <div class="content">
+        <div class="name">学生信息:</div>
+        <div class="item">
+           <input type="text" placeholder="请输入学生姓名" v-model="studentName">
+        </div>
+        <div class="item" @click="showUserTypeSelect=true" style="width:48%;display:inline-flex;margin-right:4%;">
+          <p :class="!userType?'nodata':''">{{userType?userType:'当前阶段'}}</p>
+          <img src="@/assets/more.png" alt="">
+        </div>
+        <div class="item" @click="handleYear" style="width:48%;display:inline-flex;">
+          <p :class="!year||yearDisable?'nodata':''">{{year?year:'入学年份'}}</p>
+          <img src="@/assets/more.png" alt="">
+        </div>
+        <div class="item" @click="showAreaSelect=true">
+          <p :class="!area?'nodata':''">{{area?area:'请选择地区'}}</p>
+          <img src="@/assets/more.png" alt="">
+        </div>
+        <!-- <div class="item">
+          <form action="/" style="width:100%;">
+            <van-search v-model="searchSchool" placeholder="请输入学校关键字" @search="handleSchool" />
+          </form>
+        </div> -->
+        <div class="item">
+           <input type="text" placeholder="请选择学校" readonly v-model="school">
+           <button type="info" class="btn" @click="chooseSchool">选择学校</button>
+        </div>
+
+        <!-- <p class="school_select" v-if="school">已选择学校：{{school}}</p> -->
+        <button class="submit" @click="submit">完成</button>
+      </div>
+    </div>
+    <van-popup v-model="showUserTypeSelect" round position="bottom" get-container="body" :safe-area-inset-bottom="true">
+      <van-picker title="当前阶段" show-toolbar :columns="userTypeArr" value-key="label" @cancel="showUserTypeSelect = false" @confirm="selectUserTypeOver" />
+    </van-popup>
+    <van-popup v-model="showYearSelect" round position="bottom" get-container="body" :safe-area-inset-bottom="true">
+      <van-picker title="入学年份" show-toolbar :columns="yearArr" value-key="label" @cancel="showYearSelect = false" @confirm="selectYearOver" />
+    </van-popup>
+    <van-popup v-model="showAreaSelect" round position="bottom" get-container="body" :safe-area-inset-bottom="true">
+      <van-area title="地区" :area-list="areaList" @cancel="showAreaSelect = false" @confirm="selectAreaOver" />
+    </van-popup>
+    <van-popup v-model="showSchoolSelect" round position="bottom" get-container="body" :safe-area-inset-bottom="true">
+      <van-picker title="学校" show-toolbar :columns="schoolList" :loading="schoolListLoading" @cancel="showSchoolSelect = false" @confirm="selectSchoolOver" />
+    </van-popup>
+    
+    <van-popup v-model="chooseSchoolisShow" round  get-container="body" :safe-area-inset-bottom="true">
+      <div v-if="chooseSchoolisShow"><chooseSchool v-model="chooseSchoolisShow" @schoolData='schoolData'></chooseSchool></div>
+    </van-popup>
+  </div>
+</template>
+
+<script>
+import chooseSchool from './chooseSchool'
+export default {
+  props: [
+    "phone",
+    "id",
+    "publicName"
+  ],
+  components: {chooseSchool},
+  data () {
+    return {
+      studentName: '',
+
+      year: '',//入学年份
+      yearDisable: false,
+      showYearSelect: false,
+      yearArr: [],
+
+      userType: '',
+      userTypeVal: '',//所处阶段1-小学 2-初中 3-高中
+      showUserTypeSelect: false,
+      userTypeArr: [{
+        label: '小学',
+        value: 1
+      }, {
+        label: '初中',
+        value: 2
+      }, {
+        label: '高中',
+        value: 3
+      }],
+
+      area: '',
+      areaCode: '',
+      showAreaSelect: false,
+      areaList: [],
+
+      searchSchool: '',
+      school: '',
+      schoolId: '',
+      showSchoolSelect: false,
+      schoolListLoading: false,
+      schoolList: [],
+
+      appId: '',
+      chooseSchoolisShow: false
+    }
+  },
+
+  mounted () {
+    if (this.publicName == 'SXYX') {
+      this.appId = 'wx1305e88d2bc74073'
+    } else if (this.publicName == 'XST') {
+      this.appId = 'wx1c630c8773c482f1'
+    }
+    let userInfo = sessionStorage.getItem('userInfo')
+    this.userInfo = userInfo ? JSON.parse(userInfo) : userInfo;
+    this.studentName = this.userInfo?.studentName;
+    this.initYearArr()
+    this.GetSysAreaList()
+  },
+  methods: {
+    // 初始化入学年份选项
+    initYearArr () {
+      // 页面创建时执行
+      let year = new Date().getFullYear(),
+        Month = new Date().getMonth() + 1,
+        yearArr = [];
+      if (Month > 8) {
+        // 如果月份大于8,那么当年的学年的高考年份要+1,如果月份小于7,那么当前的年份就是今年高考的年份
+        year = year
+      }
+      for (let index = year; index > year - 6; index--) {
+        yearArr.push({ value: index, label: index })
+      }
+      this.yearArr = yearArr
+    },
+    selectYearOver (value) {
+      this.year = value.label;
+      this.showYearSelect = false;
+    },
+    handleYear () {
+      if (!this.yearDisable) {
+        this.showYearSelect = true;
+      }
+    },
+    selectUserTypeOver (value) {
+      this.userType = value.label;
+      this.userTypeVal = value.value;
+      this.showUserTypeSelect = false;
+    },
+    // 获取地区列表
+    GetSysAreaList () {
+      this.http.GetSysAreaList({
+        areaCode: 33
+      }).then((res) => {
+        if (res.success) {
+          let data = res.data;
+          let obj = {
+            province_list: {
+              330000: '浙江省'
+            },
+            city_list: {},
+            county_list: {}
+          };
+          if (data) {
+            data.forEach((n, i) => {
+              obj.city_list[n.area_code + '00'] = n.area_name;
+              if (n.areaList.length > 0) {
+                n.areaList.forEach((k, j) => {
+                  obj.county_list[k.area_code] = k.area_name;
+                })
+              }
+            });
+            this.areaList = obj;
+          }
+        } else {
+          this.$toast.fail(res.message)
+        }
+      })
+    },
+    selectAreaOver (value) {
+      let data = value;
+      var city = data[1].code;
+      city = city.substring(0, city.length - 2);
+      // console.log(city)
+      this.area = data[0].name + ',' + data[1].name + ',' + data[2].name;
+      this.areaCode = [data[0].code, city, data[2].code];
+      this.quCode = data[2].code;
+      this.school = '',
+        this.schoolId = '',
+        this.showAreaSelect = false
+    },
+    // 点击选择学校
+    handleSchool () {
+      if (!this.searchSchool) {
+        this.$toast('请输入学校关键字');
+        return;
+      }
+      this.showSchoolSelect = true;
+      this.GetHighSchoolList();
+    },
+    // 通过地区获取学校
+    GetHighSchoolList () {
+      this.schoolListLoading = true;
+      this.yxAxios.get(`${this.yanxueUrl}/api/SchoolManage/GetAllSchoolList?schoolName=${this.searchSchool}`).then((res) => {
+        if (res.data.data) {
+          let data = res.data.data;
+          let arr = [];
+          if (data) {
+            data.forEach((n, i) => {
+              let obj = {};
+              obj.text = n.schoolName;
+              obj.id = n.id;
+              arr.push(obj);
+            });
+            this.schoolList = arr;
+            this.schoolListLoading = false
+          }
+        } else {
+          this.schoolListLoading = false
+          this.$toast.fail(res.data.message)
+        }
+      })
+    },
+    selectSchoolOver (value) {
+      console.log(value)
+      this.school = value.text;
+      this.schoolId = value.id;
+      this.showSchoolSelect = false;
+    },
+
+    submit () {
+      if (!this.studentName) {
+        this.$toast('请输入姓名');
+      }
+      else if (!this.userType) {
+        this.$toast('请选择阶段');
+      }
+      else if (!this.year) {
+        this.$toast('请选择入学年份');
+      }
+      else if (!this.area) {
+        this.$toast('请选择地区');
+      }
+      else if (!this.school) {
+        this.$toast('请选择学校');
+      } else {
+        let postData = {
+          id: this.id,
+          userName: this.studentName,
+          mobile: this.phone,
+          province: this.area.split(',')[0],//省份
+          city: this.area.split(',')[1],//城市
+          area: this.area.split(',')[2],//地区
+          schoolName: this.school,//学校名称
+          enrollYear: this.year,//入学年份
+          userType: this.userTypeVal,//1-小学 2-初中 3-高中
+        }
+        this.$toast.loading({
+          message: '加载中',
+          duration: 0,
+          forbidClick: true
+        })
+        this.yxAxios.post(`${this.proxyUrl}/prod/api/wx/${this.appId}/updateUserInfo`, postData).then((res) => {
+          this.$toast.clear()
+          if (res.data.code == 200) {
+            this.$toast.success(res.data?.message)
+            this.$emit('complete')
+            this.$emit('hidePrefectBox')
+          } else {
+            this.$toast.fail(res.message)
+          }
+        })
+      }
+    },
+    //选择学校
+    chooseSchool() {
+      // this.$router.push({name: 'chooseSchool'})
+      this.chooseSchoolisShow = true
+    },
+    schoolData(val) {
+      this.school = val.text;
+      this.schoolId = val.id;
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+#prefect_box {
+  width: 638px;
+  height: 836px;
+  background: #ffffff;
+  border-radius: 24px;
+  position: relative;
+  
+  .bg {
+    width: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+  }
+  .content {
+    width: 100%;
+    box-sizing: border-box;
+    padding: 0 40px;
+    position: absolute;
+    top: 236px;
+    left: 0;
+    .name {
+      width: 558px;
+      height: 50px;
+      font-size: 28px;
+      color: #000;
+      padding-left: 20px;
+      box-sizing: border-box;
+    }
+    .item {
+      width: 558px;
+      height: 72px;
+      border-radius: 36px;
+      background: #f7f7f7;
+      box-sizing: border-box;
+      font-size: 28px;
+      padding: 0 32px;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 28px;
+      p {
+        color: #333333;
+        &.nodata {
+          color: #999999;
+        }
+      }
+      img {
+        width: 40px;
+      }
+      input {
+        width: 100%;
+        background: transparent;
+        border: 0;
+        color: #333333;
+        padding: 0;
+        &::-webkit-input-placeholder {
+          color: #999999;
+        }
+      }
+      .btn {
+        width: 240px;
+        height: 55px;
+        float: right;
+        font-size: 28px;
+        background: linear-gradient(135deg, #cdf8cf 0%, #8af36f 100%);
+        box-shadow: 0px 4px 8px 0px rgba(189, 189, 189, 0.5),
+          0px 8px 12px 0px rgba(89, 199, 171, 0.5);
+        border-radius: 34px;
+        border: transparent;
+        color: #333333;
+      }
+    }
+    .school_select {
+      font-size: 28px;
+      padding: 0 32px;
+      margin-bottom: 28px;
+    }
+    .submit {
+      width: 294px;
+      height: 72px;
+      border: 0;
+      background: linear-gradient(135deg, #99c2ff 0%, #1f59ff 100%);
+      box-shadow: 0px 4px 8px 0px rgba(189, 189, 189, 0.5),
+        0px 8px 12px 0px rgba(87, 137, 255, 0.5);
+      border-radius: 34px;
+      font-size: 34px;
+      color: #ffffff;
+      margin: 0 auto;
+      display: block;
+    }
+  }
+}
+/deep/.van-search {
+  background: transparent;
+  padding: 0;
+  width: 100%;
+}
+/deep/.van-search__content {
+  padding: 0;
+}
+.schoolBoxF {
+    width: 100vw;
+    height: 100vh;
+    position: absolute;
+    top: 0;
+    left: 0;
+    background-color: #fff;
+}
+</style>
--
libgit2 0.21.0