hzuapps#84 hzuapps#110 期末作业：动物世界

1517060337/zx/app.js

@@ -0,0 +1,39 @@
+//app.js
+App({
+  onLaunch: function () {
+    // 展示本地存储能力
+    var logs = wx.getStorageSync('logs') || []
+    logs.unshift(Date.now())
+    wx.setStorageSync('logs', logs)
+
+    // 登录
+    wx.login({
+      success: res => {
+        // 发送 res.code 到后台换取 openId, sessionKey, unionId
+      }
+    })
+    // 获取用户信息
+    wx.getSetting({
+      success: res => {
+        if (res.authSetting['scope.userInfo']) {
+          // 已经授权，可以直接调用 getUserInfo 获取头像昵称，不会弹框
+          wx.getUserInfo({
+            success: res => {
+              // 可以将 res 发送给后台解码出 unionId
+              this.globalData.userInfo = res.userInfo
+
+              // 由于 getUserInfo 是网络请求，可能会在 Page.onLoad 之后才返回
+              // 所以此处加入 callback 以防止这种情况
+              if (this.userInfoReadyCallback) {
+                this.userInfoReadyCallback(res)
+              }
+            }
+          })
+        }
+      }
+    })
+  },
+  globalData: {
+    userInfo: null
+  }
+})

1517060337/zx/app.json

@@ -0,0 +1,39 @@
+{
+"pages": [
+  "pages/index/index",
+  "pages/example/article/article",
+  "pages/form/form",
+  "pages/comp/scroll",
+  "pages/example/arti1/arti1",
+  "pages/example/arti2/article",
+  "pages/example/arti3/article"
+],
+"window": {
+  "backgroundTextStyle": "light",
+  "navigationBarBackgroundColor": "#000000",
+  "navigationBarTitleText": "动物世界",
+  "navigationBarTextStyle": "white"
+},
+"tabBar": {
+  "list": [
+    {
+      "pagePath": "pages/index/index",
+      "iconPath": "images/1.png",
+      "selectedIconPath": "images/11.png",
+      "text": "首页"
+    },
+    {
+      "pagePath": "pages/comp/scroll",
+      "iconPath": "images/2.png",
+      "selectedIconPath": "images/22.png",
+      "text": "发现"
+    },
+    {
+      "pagePath": "pages/form/form",
+      "iconPath": "images/3.png",
+      "selectedIconPath": "images/33.png",
+      "text": "我"
+    }
+  ]
+}
+}

1517060337/zx/app.wxss

@@ -0,0 +1,11 @@
+/**app.wxss**/
+@import 'style/weui.wxss';
+.container {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+  padding: 200rpx 0;
+  box-sizing: border-box;
+} 

1517060337/zx/arti1/arti1.js

@@ -0,0 +1 @@
+Page({});

1517060337/zx/arti1/arti1.json

@@ -0,0 +1 @@
+{}

1517060337/zx/arti1/arti1.wxml

@@ -0,0 +1,37 @@
+<view class="page">
+    <view class="page__hd">
+
+    </view>
+    <view class="page__bd">
+        <view class="weui-article">
+
+            <view class="weui-article__section">
+
+                <view class="weui-article__section">
+                    <view class="weui-article__h3">蚊子</view>
+                    <view class="weui-article__p">
+                       蚊科（学名：Culicidae）是昆虫纲双翅目之下的一个科。该科生物通常被称为蚊或蚊子，是一种具有刺吸式口器的纤小飞虫。通常雌性以血液作为食物，而雄性则吸食植物的汁液。吸血的雌蚊是登革热、疟疾、黄热病、丝虫病、日本脑炎等其他病原体的中间寄主。除南极洲外各大陆皆有蚊子的分布。
+                    </view>
+                    <view class="weui-article__p">
+                        <image class="weui-article__img" src="../../../images/5.png" mode="aspectFit" style="height: 180px" />
+                        <image class="weui-article__img" src="../../../images/4.jpg" mode="aspectFit" style="height: 180px" />
+                    </view>
+                </view>
+                <view class="weui-article__section">
+
+                    <view class="weui-article__p">
+                       蚊子，属于昆虫纲双翅目蚊科，全球约有3000种。是一种具有刺吸式口器的纤小飞虫。通常雌性以血液作为食物，而雄性则吸食植物的汁液。吸血的雌蚊是登革热、疟疾、黄热病、丝虫病、日本脑炎等其他病原体的中间寄主。除南极洲外各大陆皆有蚊子的分布。其中，以按蚊属、伊蚊属和库蚊属最为著名。
+
+蚊子属四害之一。其平均寿命不长，雌性为3-100天，雄性为10-20天。
+
+蚊子有雌雄之分，雄蚊触角呈丝状，触角毛一般比雌蚊浓密。它们的食物都是花蜜和植物汁液。雄蚊口器退化，雌蚊因繁殖需要，在繁殖前雌蚊需要叮咬动物以吸食血液来促进内卵的成熟。
+
+蚊子的唾液中有一种具有舒张血管和抗凝血作用的物质，它使血液更容易汇流到被叮咬处。被蚊子叮咬后，被叮咬者的皮肤常出现起包和发痒症状。几乎每个人都有被蚊子“咬”的不愉快事，事实上应该说被蚊子“刺”到了。蚊子无法张口，所以不会在皮肤上咬一口，它其实是用6枝针状的构造刺进人的皮肤，这些短针就是蚊子摄食用口器的中心。这些短针吸人血液的功用就像抽血用的针一样；蚊子还会放出含有抗凝血剂的唾液来防止血液凝结，这样它就能够安稳地饱餐—番。当蚊子吃饱喝足、飘然离去时，留下的就是一个痒痒的肿包。但是，痒的感觉并不是因为短针刺人或唾液里的化学物质而引起的。我们会觉得痒，是因为体内的免疫系统在这时会释出一种称为组织胺的蛋白质,用以对抗外来物质，而这个免疫反应引发了叮咬部位的过敏反应。当血液流向叮咬处以加速组织复原时，组织胺会造成叮咬处周围组织的肿胀，此种过敏反应的强度因人而异，有的人被蚊子咬后的过敏反应比较严重。多细长，具长尾，多具4肢，除鼻孔、口、眼及 泄殖腔开口外，体表覆以鳞片，一对眼睛和一对耳孔。如无外耳孔，则鼓膜位于表面，有些种于头和体鳞下真皮内有 骨鳞。鳞的表面覆以一层 角蛋白。某些蜥蜴具鳞器官，鳞片锯齿状边缘突出刚毛，可能用司触觉。许多蜥蜴，尤其是避役(变色龙)和 安乐蜥，能改变体色，可从亮绿色变为深巧克力褐色，体上线、带斑纹亦可忽隐忽现。变色机制为 黑色素细胞中色素颗粒的移动，颗粒集中时色浅，分散时色深。有些蜥蜴颈部具可伸展的皮褶，头上有角或盔，或喉部有棘或皱褶等。头颅的前部由薄的软骨和膜构成。 眼睑多可动，两眼之间隔以薄层垂直的眶间隔，眶後骨与鳞骨形成的骨杆上有一个顳孔。上腭能相对于颅的其他部分而运动，有方骨，口可大张便于吞食猎物。
+
+多数蜥蜴具四足，後肢肌肉有力，能迅速奔跑及迅速改变跑动方向，Cnemidophorus属时速达24公里(15哩)。有几科蜥蜴身体延长，四肢缩短，乃至无肢体。壁虎、 鬣蜥属(Uta)及Acanthodactylus属的趾上多缘饰以增加其表面积并防止陷入沙中，壁虎能在垂直的玻璃板上爬行。避役每足5趾，藉皮肤构成的蹼分为内外两组，在後肢外侧3趾、内侧2趾各成一组，前肢反之，适雄体具成对的交接器官──半阴茎。 王蜥能跑过短距离的水面。
+                    </view>
+                </view>
+            </view>
+        </view>
+    </view>
+</view>

1517060337/zx/arti1/arti1.wxss

@@ -0,0 +1,6 @@
+page{
+    background-color: #FFFFFF;
+}
+image{
+    margin: 4px 0;
+}

1517060337/zx/arti1/article.js

@@ -0,0 +1,66 @@
+// pages/example/arti1/article.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

1517060337/zx/arti1/article.json

@@ -0,0 +1 @@
+{}

1517060337/zx/arti1/article.wxml

@@ -0,0 +1,2 @@
+<!--pages/example/arti1/article.wxml-->
+<text>{{page}}.wxml</text>

1517060337/zx/arti1/article.wxss

@@ -0,0 +1 @@
+/* pages/example/arti1/article.wxss */

1517060337/zx/arti2/article.js

@@ -0,0 +1 @@
+Page({});

1517060337/zx/arti2/article.json

@@ -0,0 +1 @@
+{}

1517060337/zx/arti2/article.wxml

@@ -0,0 +1,37 @@
+<view class="page">
+    <view class="page__hd">
+
+    </view>
+    <view class="page__bd">
+        <view class="weui-article">
+
+            <view class="weui-article__section">
+
+                <view class="weui-article__section">
+                    <view class="weui-article__h3">蜥蜴</view>
+                    <view class="weui-article__p">
+                       蜥蜴 (Lizard)，俗称“四脚蛇”又称“蛇舅母”，在世界各地均有分布。属于冷血爬虫类，其种类繁多，在地球上分布大约有3000种左右，我国已知的有150余种。大多分布在热带和亚热带，其生活环境多样，主要是陆栖，也有树栖、半水栖和土中穴居。多数以昆虫为食，也有少数种类兼食植物。蜥蜴是卵生，少数卵胎生。蜥蜴与蛇有密切的亲缘关系，二者有许多相似的地方，周身覆盖以表皮衍生的角质鳞片，泄殖肛孔都是一横裂，雄性都有一对交接器，都是卵生（或有部分卵胎生种类），方骨可以活动。
+                    </view>
+                    <view class="weui-article__p">
+                        <image class="weui-article__img" src="../../../images/9.jpg" mode="aspectFit" style="height: 180px" />
+                        <image class="weui-article__img" src="../../../images/8.jpg" mode="aspectFit" style="height: 180px" />
+                    </view>
+                </view>
+                <view class="weui-article__section">
+
+                    <view class="weui-article__p">
+                       蜥蜴是爬虫类中种类最多的族群，全世界已知超过4,000种，主要分布于热带。体型差异很大，从数厘米大的加勒比壁虎，到近3～5米长的科莫多龙都有。
+
+有些被称为蛇蜥的种类脚已经退化，只留下一些脚的痕迹构造。它们因为有 眼睑和耳朵，所以能与蛇区分。
+
+许多蜥蜴能变换它们的颜色以因应环境的变化或压力，例如 变色龙。
+
+蜥蜴亚目(Sauria) 爬虫类的统称。与其近缘的蛇亚目(Serpentes)合 计占整个现存爬虫类的95%。共分18科，3,000多个种。热带地区种类和数量最多。从北极到 非洲南部、南美洲和澳大利亚皆有分布。蜥蜴的身体外形及大小在爬虫类中差异最大。体长从3公分(1吋，壁虎)至3公尺(10呎， 巨蜥)。体重最轻者不足1克，最重者多于150公斤。身体多细长，具长尾，多具4肢，除鼻孔、口、眼及 泄殖腔开口外，体表覆以鳞片，一对眼睛和一对耳孔。如无外耳孔，则鼓膜位于表面，有些种于头和体鳞下真皮内有 骨鳞。鳞的表面覆以一层 角蛋白。某些蜥蜴具鳞器官，鳞片锯齿状边缘突出刚毛，可能用司触觉。许多蜥蜴，尤其是避役(变色龙)和 安乐蜥，能改变体色，可从亮绿色变为深巧克力褐色，体上线、带斑纹亦可忽隐忽现。变色机制为 黑色素细胞中色素颗粒的移动，颗粒集中时色浅，分散时色深。有些蜥蜴颈部具可伸展的皮褶，头上有角或盔，或喉部有棘或皱褶等。头颅的前部由薄的软骨和膜构成。 眼睑多可动，两眼之间隔以薄层垂直的眶间隔，眶後骨与鳞骨形成的骨杆上有一个顳孔。上腭能相对于颅的其他部分而运动，有方骨，口可大张便于吞食猎物。
+
+多数蜥蜴具四足，後肢肌肉有力，能迅速奔跑及迅速改变跑动方向，Cnemidophorus属时速达24公里(15哩)。有几科蜥蜴身体延长，四肢缩短，乃至无肢体。壁虎、 鬣蜥属(Uta)及Acanthodactylus属的趾上多缘饰以增加其表面积并防止陷入沙中，壁虎能在垂直的玻璃板上爬行。避役每足5趾，藉皮肤构成的蹼分为内外两组，在後肢外侧3趾、内侧2趾各成一组，前肢反之，适雄体具成对的交接器官──半阴茎。 王蜥能跑过短距离的水面。
+                    </view>
+                </view>
+            </view>
+        </view>
+    </view>
+</view>

1517060337/zx/arti2/article.wxss

@@ -0,0 +1,6 @@
+page{
+    background-color: #FFFFFF;
+}
+image{
+    margin: 4px 0;
+}

1517060337/zx/arti3/article.js

@@ -0,0 +1 @@
+Page({});

1517060337/zx/arti3/article.json

@@ -0,0 +1 @@
+{}

1517060337/zx/arti3/article.wxml

@@ -0,0 +1,33 @@
+<view class="page">
+    <view class="page__hd">
+
+    </view>
+    <view class="page__bd">
+        <view class="weui-article">
+
+            <view class="weui-article__section">
+
+                <view class="weui-article__section">
+                    <view class="weui-article__h3">蟑螂</view>
+                    <view class="weui-article__p">
+                       蟑螂，泛指属于“蜚蠊目”（学名：Blattodea）的昆虫，已被发现大约有4000多种，除了其中大约有数十种会入侵人类家居，又有数种被人类饲养为宠物及作为宠物的粮食外，绝大部份品种只能在野外山涧树林或昆虫博物馆中见到。家居最常见的蟑螂，大的有身长约5.0厘米（1.2英寸）美洲蟑螂、澳洲蟑螂及短翅的斑蠊；小的有体长约1.5厘米（0.59英寸）的德国蟑螂、日本姬蠊及亚洲蟑螂，热带地区的蟑螂一般比较巨大。家居蟑螂普遍夜行及畏光，野外蟑螂因品种而异，趋光性有正亦有负。
+                    </view>
+                    <view class="weui-article__p">
+                        <image class="weui-article__img" src="../../../images/3.jpg" mode="aspectFit" style="height: 180px" />
+                        <image class="weui-article__img" src="../../../images/2.jpg" mode="aspectFit" style="height: 180px" />
+                    </view>
+                </view>
+                <view class="weui-article__section">
+
+                    <view class="weui-article__p">
+                       【蟑螂分类】昆虫纲（Insecta）、蜚蠊目（Blattaria）。有时特指蜚蠊科（Blattidae）
+
+【蟑螂特征】体扁平，黑褐色，能活动。触角长丝状，复眼发达。翅平，覆盖于腹部背面；有的种类无翅。不善飞，能疾走。不完全变态。产卵于卵鞘内。约有6000种（一说2250多种），有美洲蟑螂，个体最大，常作为宠物。
+
+【蟑螂追溯】与其他昆虫源起于泥盆纪，为腐食动物喜昼伏夜出，居住在洞穴内。经得起酷热及严寒的考验，至今分布相当广泛。蟑螂是这个星球上最古老的昆虫之一，曾与恐龙生活在同一时代。根据化石证据显示，原始蟑螂约在4亿年前的志留纪出现于地球上。发现的蟑螂的化石或者是从煤炭和琥珀中发现的蟑螂，与你家橱柜中的并没有多大的差别。亿万年来它的外貌并没什么大的变化，但生命力和适应力却越来越顽强，一直繁衍至今，广泛分布在世界各个角落。值得一提的是，一只被摘头的蟑螂可以存活9天，9天后死亡的原因则是过度饥饿。
+                    </view>
+                </view>
+            </view>
+        </view>
+    </view>
+</view>

1517060337/zx/arti3/article.wxss

@@ -0,0 +1,6 @@
+page{
+    background-color: #FFFFFF;
+}
+image{
+    margin: 4px 0;
+}

1517060337/zx/article/article.js

@@ -0,0 +1 @@
+Page({});

1517060337/zx/article/article.json

@@ -0,0 +1 @@
+{}

1517060337/zx/article/article.wxml

@@ -0,0 +1,29 @@
+<view class="page">
+    <view class="page__hd">
+
+    </view>
+    <view class="page__bd">
+        <view class="weui-article">
+
+            <view class="weui-article__section">
+
+                <view class="weui-article__section">
+                    <view class="weui-article__h3">苍蝇</view>
+                    <view class="weui-article__p">
+                       在生物学上，苍蝇属于典型的“完全变态昆虫”。70年代末统计，全世界有双翅目的昆虫132个科12万余种，其中蝇类就有64个科3万4千余种。主要蝇种是家蝇、市蝇、丝光绿蝇、大头金蝇等。苍蝇是在白昼活动频繁的昆虫，具有明显的趋光性。夜间则静止栖息。活动、栖息场所，取决于蝇种、季节、温度和地域。在某些季节，厩腐蝇、夏侧蝇、市蝇也会侵入住宅内。大头金蝇、丝光绿蝇、丽蝇、伏蝇、麻蝇等则主要活动、栖息于户外。
+                    </view>
+                    <view class="weui-article__p">
+                        <image class="weui-article__img" src="../../../images/7.jpg" mode="aspectFit" style="height: 180px" />
+                        <image class="weui-article__img" src="../../../images/6.jpg" mode="aspectFit" style="height: 180px" />
+                    </view>
+                </view>
+                <view class="weui-article__section">
+
+                    <view class="weui-article__p">
+                       苍蝇具有一次交配可终身产卵的生理特点，一只雌蝇一生可产卵5-6次，每次产卵数约100-150粒，最多可达300粒左右。一年内可繁殖10-12代。苍蝇多以腐败有机物为食，因此常见于卫生较差的环境。苍蝇具有舐吮式口器，会污染食物，传播痢疾等疾病。在生态系中，苍蝇的幼虫扮演动植物分解者的重要角色。苍蝇的成虫由于嗜食甜物质，因此也能代替蜜蜂用于农作物的授粉和品种改良。临床医学上，活蝇蛆可接种于伤口之中，起杀菌清创，促进愈合之作用。富含蛋白质的蝇蛆又是重要的饵料、饲料，可工厂化生产。
+                    </view>
+                </view>
+            </view>
+        </view>
+    </view>
+</view>

1517060337/zx/article/article.wxss

@@ -0,0 +1,6 @@
+page{
+    background-color: #FFFFFF;
+}
+image{
+    margin: 4px 0;
+}