包括索南达街保护站在内，青藏公路沿线共有4个保护站。但时至今日，沿线基础设施建设仍不完善。 “我们每天都会遇到很多游客，他们会问诸如加油站、卫生间在哪里、下一个保护站还有多少公里等问题。”索南大街保护站副站长龙周才佳说。

除了承担日常巡山任务外，保护站也是游客和志愿者了解可可西里的重要窗口。为方便游客及时获取青藏公路沿线四个保护站的基本情况和相关信息，同时更多地了解可可西里，提高生态环保意识，我们特创建了同名微信小程序——爱在可可西里。参观者只需扫描二维码即可关注。可以解锁沿途的相关信息。

目前该小程序正处于测试阶段，预计10天后发布。

小程序能做什么？

废话不多说，我们先看视频

ps：本来我们是打算把视频放在首页的，但由于是个人小程序，所以只能放弃。

爱在可可西里小程序分为简介、精彩照片、简介三个页面。主要功能是语音自助讲解和防护站导航。其他功能还包括图片展示、关注公众号、转发朋友圈、群聊等。

“简介”页面移植了“爱在可可西里大学联盟”公众号的文章，包括旅游和概况两个模块。旅游模块介绍沿线的服务和景点。概览模块嵌入语音讲解推送，分为地理环境、动物王国、索朗达杰故事、巡山故事、保护藏羚羊、邪恶起源、高山植物七大板块，展现可可西里的故事游客。

当前介绍页面

前年我们也尝试过用公众号推送语音讲解来替代人工讲解，但发现其操作的复杂性和网络的不稳定使得推送语音讲解的使用率不高。

“精彩照片”页面收集了球队此前在可可西里训练时拍摄的照片。结合原版小程序，我们还新增了“关于”页面，用于展示团队信息。

“精彩照片”选项卡（左）和“关于”选项卡（右）

我们克服了哪些困难？

此版本小程序在原版本的基础上进行了修改。由于我们都是新手，所以我们首先搜索了很多同类型小程序的界面布局和内容布局。

我们初步了解了开发语言js、html、css、json，却发现与这个小程序的开发重点——美化界面密切相关的css相关知识过于琐碎和复杂。

这时，课程设计中使用的UI组件给了我们提示。经过一番查找，我们锁定了组件库，作为对CSS知识不足的补充，大大减少了工作量。

在小程序的具体改进过程中，我们主要克服了以下难点：

实现“概览”和“旅游”显示区域平滑切换

事实证明，wx.用于切换分区时跳转到新页面，上层页面的内容会被加载两次，导致用户流量的重复消耗。在库中找到一种特殊的分页样式，可以实现左右切换的同时保证页面上的其他内容不受影响。

消除因不熟悉组件库而导致的隐形bug

当完成显示区域的切换时，显示区域中的图片需要从数据库中获取地址链接，并在页面显示之前加载。也就是函数中需要调用这样的加载函数，但令人费解的是该函数并没有被执行。 。

经过审核和百度搜索，发现原因是：在使用库底部分页时使用了组件，导致其中的时间段函数无法正确响应。更改运行成功。