feat：新增移动端地区站

resource/staticres/css/mobile/detail.css

@@ -0,0 +1,115 @@
+.page-region-detail{
+  background: #F5F6F7;
+}
+.page-region-detail .detail-header{
+  padding: .24rem;
+  background: #fff;
+}
+.page-region-detail .detail-title{
+  font-size: .4rem;
+  line-height: .6rem;
+  color: #171826;
+}
+.page-region-detail .detail-tags{
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-top: .16rem;
+}
+.page-region-detail .detail-tags .tag-text{
+  display: inline-block;
+  padding: .02rem .16rem;
+  margin-right: 0.08rem;
+  background: #F7F9FA;
+  white-space: nowrap;
+  color: #5F5E64;
+  font-size: 0.24rem;
+  line-height: 0.36rem;
+  border-radius: .08rem;
+  border: 1px solid rgba(0, 0, 0, 0.05);
+}
+.page-region-detail .detail-tags .tag-time{
+  font-size: .24rem;
+  line-height: .36rem;
+  color: #9B9CA3;
+}
+.page-region-detail .detail-summary {
+  padding: .16rem;
+  background: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
+}
+.page-region-detail .detail-summary-container{
+  padding: .24rem .4rem;
+  font-size: .24rem;
+  line-height: .36rem;
+  text-align: center;
+  color: #1D1D1D;
+  border: 1px solid #87DFEA;
+  background: linear-gradient(rgba(234, 248, 250, 1), rgba(234, 248, 250, 0));
+  border-radius: .16rem;
+}
+.page-region-detail .info-header{
+  padding-left: 1.2rem;
+  padding-right: 1.2rem;
+  color: #171826;
+}
+.page-region-detail .base-info-table{
+  width: calc(100% - 0.32rem);
+  margin: 0 .16rem;
+  border-radius: .24rem;
+  overflow: hidden;
+  border: 1px solid #E5E5E5;
+  border-collapse:collapse;
+}
+.page-region-detail .base-info-table > table{
+  width: 100%;
+}
+.page-region-detail .base-info-table td{
+  padding: .24rem;
+  font-size: .28rem;
+  line-height: .4rem;
+}
+.page-region-detail .tab-label{
+  width: 2.16rem;
+  background: #F7F9FA;
+  color: #5F5E64;
+  white-space: nowrap;
+  border-right: 1px solid #E5E5E5;
+  border-bottom: 1px solid #E5E5E5;
+}
+.page-region-detail .tab-value{
+  flex: 1;
+  background: #fff;
+  color: #171826;
+  border-bottom: 1px solid #E5E5E5;
+}
+.page-region-detail .detail-html {
+  padding: 0 .32rem;
+  font-size: .3rem;
+  line-height: .44rem;
+  word-break: break-all;
+  background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
+}
+.page-region-detail .detail-html table{
+  width: 100%;
+  margin: .16rem 0;
+}
+.page-region-detail .detail-html table  tr,
+.page-region-detail .detail-html table  th{
+  border: 1px solid #E5E5E5;
+}
+.page-region-detail .detail-html table td{
+  padding: .08rem .16rem;
+  border-right: 1px solid #E5E5E5;
+}
+
+.page-region-detail .detail-reminder{
+  padding: .24rem .48rem;
+  color: #5F5E64;
+  font-size: .26rem;
+  line-height: .4rem;
+  background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
+}
+.page-region-detail .detail-summary a,
+.page-region-detail .detail-reminder a{
+  font-weight: 700!important;
+}

resource/staticres/css/mobile/public.css

@@ -0,0 +1,674 @@
+@charset "UTF-8";
+
+/* reset css start ---------> */
+* {
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+  -webkit-overflow-scrolling: touch;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  -webkit-tap-highlight-color: transparent;
+}
+
+html,
+body {
+  height: 100%;
+  color: #171826;
+}
+
+html>body {
+  font-size: 12px;
+  background-color: #F5F6F7;
+}
+
+input,
+textarea {
+  caret-color: #2cb7ca;
+}
+
+
+/* 清除默认样式 */
+ul,
+ol {
+  list-style: none;
+}
+
+/*清除输入框内阴影*/
+input,
+textarea,
+select,
+button {
+  outline: none;
+  border: 0;
+  -webkit-appearance: none;
+  appearance: none;
+}
+
+button,
+span,
+div {
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  /* -webkit-user-modify:read-only; */
+}
+
+img {
+  border: 0;
+  vertical-align: middle;
+  max-width: 100%;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+a {
+  text-decoration: none;
+  color: #3d3d3d;
+  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+  -webkit-user-select: none;
+  -moz-user-focus: none;
+  -moz-user-select: none;
+}
+
+/*禁用长按页面时的弹出菜单(iOS下有效) ,img和a标签都要加*/
+img,
+a {
+  -webkit-touch-callout: none;
+}
+
+input::placeholder {
+  color: #C0C4CC;
+}
+
+/* reset css end ------ */
+
+/* common css class start */
+[v-cloak] {
+  display: none !important;
+}
+
+.clearfix {
+  zoom: 1;
+}
+
+.clearfix:after {
+  clear: both;
+  height: 0;
+  overflow: hidden;
+  display: block;
+  visibility: hidden;
+  content: '';
+}
+
+.left {
+  float: left;
+}
+
+.right {
+  float: right;
+}
+
+.ellipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* 超过2行省略号显示 */
+.ellipsis-2 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+
+/* 超过3行省略号显示 */
+.ellipsis-3 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+}
+
+.scrollbar-none::-webkit-scrollbar {
+  display: none;
+}
+
+/* 禁止长按复制 加给body ---- */
+.no-touch {
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+.j-pd {
+  padding-left: 0.32rem;
+  padding-right: 0.32rem;
+}
+
+.j-arrow {
+  display: inline-block;
+  width: 0.26rem;
+  height: 0.26rem;
+  border: 2px solid #5f5e64;
+  border-bottom-color: transparent;
+  border-right-color: transparent;
+  background: 0 0;
+  transform: rotate(-45deg);
+}
+
+.highlight-text {
+  color: #2cb7ca !important;
+}
+
+.bg-white {
+  background-color: #fff;
+}
+
+[class*=clickable]:active {
+  background-color: #f2f3f5;
+}
+
+/*
+    border-line-t 0.5px上边框
+    border-line-b 0.5px下边框
+*/
+.border-line-t,
+.border-line-b {
+  position: relative;
+}
+
+.border-line-t:after,
+.border-line-b:after {
+  content: '';
+  position: absolute;
+  left: 0;
+  width: 100%;
+  height: 1px;
+  transform: scaleY(0.6);
+  transform-origin: 0 0;
+  background: rgba(0, 0, 0, 0.05);
+  /* background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.05) 65%, transparent 35%); */
+}
+
+.border-line-t:after {
+  top: -1px;
+}
+
+.border-line-b:after {
+  bottom: -1px;
+}
+
+/* common css class end ---- */
+
+/* j-container布局  start ---- */
+.j-container {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+.j-header {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.j-header.jy-app-header {
+  box-sizing: border-box;
+  padding: 10.66667vw 3.2vw 0 3.2vw;
+  height: 21.33333vw;
+  background: #fff;
+  z-index: 9;
+}
+
+.j-header.jy-app-header.wx-header,
+.j-header.jy-app-header.h5-header {
+  height: 10.66667vw;
+  padding: 0 3.2vw;
+}
+
+.jy-app-header .icon-back::before,
+.jy-app-header .icon-back-white::before {
+  content: unset;
+}
+
+.jy-app-header .icon-back-white {
+  display: none;
+}
+
+.jy-app-header.transparent-header .icon-back-white {
+  display: inline-block;
+}
+
+.jy-app-header.transparent-header .icon-back {
+  display: none;
+}
+
+.j-header .header-left,
+.j-header .header-title,
+.j-header .header-right {
+  display: flex;
+  align-items: center;
+}
+
+/* .j-header .header-left {
+  height: .6rem;
+  width: .6rem;
+}
+
+.j-header .header-left .j-icon {
+  height: .4rem;
+  width: .4rem;
+} */
+
+.j-header .header-title {
+  position: absolute;
+  left: 50%;
+  font-size: 17px;
+  color: #171826;
+  transform: translateX(-50%);
+  white-space: nowrap;
+}
+
+.j-header .header-right {
+  height: 100%;
+  min-width: 0.4rem;
+  font-size: .3rem;
+}
+
+.j-header .header-left.hide,
+.j-header .header-right.hide {
+  visibility: hidden;
+}
+
+/* 头部透明 */
+.j-container .j-header.transparent-header {
+  background-color: transparent;
+}
+
+.j-container .j-header.transparent-header:after {
+  content: unset;
+}
+
+.j-header.transparent-header .header-right,
+.j-header.transparent-header .header-left,
+.j-header.transparent-header .header-title {
+  color: #fff;
+}
+
+.j-header.transparent-header .header-title {
+  font-size: 0;
+}
+
+.j-main {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  overflow-y: scroll;
+  overflow-x: hidden;
+  /* 所有都j-main开启ios-touch */
+  -webkit-overflow-scrolling: touch;
+}
+
+.j-main.calc-height-1px {
+  height: calc(100% + 1Px);
+}
+
+/* 单独关闭ios惯性滚动 */
+.j-main.no-ios-touch {
+  -webkit-overflow-scrolling: auto;
+}
+
+.j-footer {
+  box-shadow: 0px -2px 8px rgba(54, 147, 179, 0.051);
+}
+
+/* j-container布局  end ---- */
+
+@keyframes ballRotate {
+  0% {
+    transform: rotate(0);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+.ball-clip-rotate {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  z-index: 2;
+  transform: translate(-50%, -50%);
+}
+
+.ball-clip-rotate .ball {
+  display: inline-block;
+  width: 26px;
+  height: 26px;
+  border-radius: 50%;
+  border: 3px solid #fff;
+  border-bottom-color: transparent;
+  background: 0 0;
+  -webkit-animation: ballRotate 0.75s 0s linear infinite;
+  animation: ballRotate 0.75s 0s linear infinite;
+}
+
+.j-mask {
+  position: fixed;
+  z-index: 1000;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+}
+
+.black {
+  background: rgba(0, 0, 0, 0.6);
+}
+
+.j-loading {
+  display: none;
+}
+
+.j-loading .j-toast {
+  position: fixed;
+  top: 45%;
+  left: 50%;
+  z-index: 1001;
+  padding: 0.2rem;
+  min-width: 2.2rem;
+  max-width: 6.2rem;
+  width: auto;
+  height: auto;
+  color: #fff;
+  font-size: 0.28rem;
+  text-align: center;
+  background: rgba(18, 18, 18, 0.7);
+  border-radius: 5px;
+  transform: translate(-50%, -50%);
+}
+
+.j-loading .j-toast.icon {
+  padding: 0.5rem 0.2rem;
+}
+
+.j-loading .j-toast.icon .j-toast_icon {
+  display: inline-block;
+  width: 38px;
+  height: 38px;
+}
+
+.j-loading .j-toast .j-toast_icon {
+  display: none;
+}
+
+.j-loading .j-toast .j-toast_content {
+  text-align: center;
+}
+
+.j-loading-icon {
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  vertical-align: baseline;
+  background: transparent url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E9E9E9' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23989697' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%239B999A' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23A3A1A2' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23ABA9AA' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23B2B2B2' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23BAB8B9' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23C2C0C1' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23CBCBCB' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23D2D2D2' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23DADADA' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='%23E2E2E2' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E") no-repeat;
+  background-size: 100%;
+  -webkit-animation: ballRotate 1s steps(12) infinite;
+  animation: ballRotate 1s steps(12) infinite;
+}
+
+.j-button-group {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  padding: 0.16rem 0.32rem 0.24rem;
+  background-color: #fff;
+  box-sizing: border-box;
+}
+
+.j-button-confirm,
+.j-button-cancel {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex: 1;
+  width: 100%;
+  height: 0.8rem;
+  font-size: 0.32rem;
+  line-height: inherit;
+  text-align: center;
+  border-radius: 0.16rem;
+}
+
+.single .j-button-confirm,
+.single .j-button-cancel {
+  height: 0.92rem;
+}
+
+.j-button-cancel {
+  margin-right: 0.26rem;
+  color: #5f5e64;
+  background-color: #edeff2;
+}
+
+.j-button-confirm {
+  color: #fff;
+  background-color: #2cb7ca;
+}
+
+button[disabled] {
+  opacity: 0.5;
+}
+
+.checkbox {
+  width: 0.4rem;
+  height: 0.4rem;
+  border: 1px solid #ddd;
+  border-radius: 50%;
+  margin-right: 0.2rem;
+  -webkit-appearance: none;
+  background: #fff;
+}
+
+.checkbox:checked {
+  border: 0;
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAACpElEQVRogc1asa2DMBBlhIyQMpKNxAiMwAiMwAhswAgZgQrOHSVwLhiBERghvwCSwMdgOzYG6aQUhLw7v3u+Z+J5Bq4g724U6pCUTeIznlGGHQHsKcOBAPbT544yntOiTSnUoYnf/Rm0X7YRAXxShgMFfCkH4zkBjE8HTos21QYtCJ/xzDpwAhgTwN4k8OWK4GBlRYK8u1HGc2vA/yfSPaC+GwFPoQ6tVn1vNQoMfgJPyiYxzXXl3ijbSA88YOwa/BzKfUEKDK4C/hOSe8cD6vv1wOOLMhykGvtUtVFPotunDmDsHORBCPth1PoLUmeDStvUKdrUObgxqinE9xRt+q/6TjarZWW79cZFGXaiVQjy7va+0S/byDX4LYUhZZOIvrPoBafKw7BbVFOW1ozn7pt3B/xe9ed4QH33KNSho+pXv4CngC9SNon0zVcDTwFHNTqb/wTwqcX5TQry3KNHmmswfMYzEXif8Uz5mQwHT1r/55MGC+AJ4FPruVIJrJwRhToUbjA74LeATxuoHvg5gSMJFf24bO9YAy+7AgTwuQVAirfrmeULvBHxYDhINTEpm0SYhGgMsQ1+LG4v3f17B09rCyqa2Y0fzzCeq8pXJUpiPB/F6jTwc1GVJ1GNQ6dp3lJSLqkEyjbSG+YYDrKnBA+o77a8xruQunK219yeN/aGNaM0j9NTAvpmXqA2VsHDSigMWMrFdDnt1vY8xtpSep4hUz+qTGXbIG1K+iWMvW7137x1Y27UQtBzHyqd6A80qi/00AsqXfKETuWFh0OjLwSv/KLjSkkcbZjXTYLhoA3eeRI6tBFd86h8Inhzr1m/L+v7xESZQ6m8XCJnARckoketca+paNGmVuiievllG032tKKjtezf1f36u43PeEYAY1PV/gMeU6lGAhyHxgAAAABJRU5ErkJggg==) no-repeat center center;
+  background-size: 100% 100%;
+}
+
+.checkbox.transparent:checked {
+  border: 0;
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHBSURBVHgBzZiPcYIwFIeDE7hB6QR1gzqCG2g3cAPtBLqBdoK6Ae0EXCd4bmA3+PW9JlxTJEJCgnx37xQSku9IyL9MeQIg558FxxPHnGNqQvjmOJv45DhlWXZWKWCRFUcBf0p5VsWCC5tzEPpDvcT44SnHDvGRMqe+Mjn0q04FQffFzjKE9FCrFHQzEYZDWuFf801qThuOXA3HzNR5DfRnfS/mlUdmCZEa9u3YnHkAfZQ/EyOzGkjmyPHWcD+HPUYh7SdesbXqOzakF1VijvRs7dfB1wdHvgdJXCMtdZnljbxryfCOccgIh1v9h6CbM3Qa8ZX5rVMyXtoKhB7Bfd5kiIxwUTcSCbW5hq/38JdZwAPVkk4NUlt0l5nB3QJOobYHqKNUbxmYJqMuGaWCWoX23HeMICOUrlHTxbKh4n0kGeEUMjA2LxdUlMXdOnTq2CSQEfKqsAL+7CLLlK4O6lUI9C4itM/YrMRlnAs0w4u6H6+Nd9FtaojN3qkJPYkOsXqsILTtYjGmjeKAUmVnmVrzpehTUqbfYUNNTMYoQn8I1oawN0YspMMX8DgXypQn+DvSe1Z6IJWwj/QkPji+VMCR3g//T7SIqLP6vQAAAABJRU5ErkJggg==) no-repeat center center;
+  background-size: 100% 100%;
+}
+
+.j-button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 0.72rem;
+  padding: 0 0.2rem;
+  background-color: #f5f6f7;
+  color: #5f5e64;
+  border-radius: 0.08rem;
+}
+
+.j-button-item {
+  position: relative;
+  display: inline-block;
+  color: #171826;
+}
+
+.j-button-item.active {
+  color: #2abed1;
+  background-color: #e8fafd;
+}
+
+.j-button-item.active:after {
+  content: '';
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  width: 0.24rem;
+  height: 0.24rem;
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKySURBVHgB7Zg/aNRQHMd/eXfWP6i9omJBhBOXa0W4bK6ni6Murro76Cgu1kF0aysOjnXTyTopLkEcHM8TxIMOHghFQfBAaUtp8/P9Qt+Rpnm99y+XBO6zXJJ7gc83v+S9XwIwZsyY0jIbdB54UFIuBF/mEfFu6QLUX7drR2qVeUC8RfulChDJT7KAbzbFsdIEaLxt19nBSL4eP16KADJ5ovAB9pMnCh1g9n276VVZgAA12RgGBaURdG4OkycKWYGZoHPHQ1hQGVu4CkSrq6I8UagKkDwgzOmcU5gAojUATXIPkGwNdMk1QFproEtuAYYtUKrkEsCVPDHyAC7liZEGUGkNdBnZQqbaGugykgrotAa6ZF4B3dZAlwpkiElrILg2PQVL/nm4ceYE/N3ahu6/jdRxmd1Cpq0BQfKPZs4O9inApY9fU8dWwTGiNUDD1iApT1AAGU4DDFoDRKPWIE2eePb9l/QcZ7eQ7QIlk7//7Qe8+flHep6TAHnJE9azUFJedfYQ2MgTVgGoNWAT7BPfnBbHnl6sw8mJA3C8WoErpyZhdWNTGsJWntM3XshkrQGJxyFBEk3iQJ7oGVWAWgOG8JxvHkr+93tzK7rycZKVcCTPn2B8px1gpzV4IvufJElWFqJx9LAbeU6IuKg1C+m0BrKrnIaJPLHmhVPKFaDWgMvfUx0vq0QSU3l++yyttPxXQ1dim9ZgeUdMVgljeU4I+JB+961A7KvBVTBEVgkbeURY7F5uvqRtaQVcvruKStw+dxqO8Wn28cqquTyfOtdZOCf2Ux9i1y/eriB59MJWt+X3xLE9C1mR5T0vvB6XJ3ZVIIuvBi5Iu/KCQQWy+mpgCz2w617op8kTUQWy/GpgSB8xfIEMFmTiAs/mxdshfX6te9zjM78pPqyx7eVey++rnPgfnLxxiLvERTEAAAAASUVORK5CYII=) no-repeat;
+  background-size: contain;
+}
+
+/* 空状态 配合j-icons中的img-empty和j-img使用 */
+/* 具体使用参考page_ent_follow.html */
+.empty {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  flex: 1;
+  padding-top: 1.34rem;
+  width: 100%;
+}
+
+.empty .empty-img {
+  padding: .2rem;
+  width: 3.2rem;
+  height: 3.2rem;
+  margin-bottom: 0.24rem;
+  background-origin: content-box;
+}
+
+.empty .empty-text {
+  font-size: .26rem;
+  line-height: .4rem;
+  color: #9B9CA3;
+}
+
+.preferential-tag {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 2px 6px;
+  height: 18px;
+  color: #fff;
+  background: linear-gradient(102deg, #ffa674, #f01212 100%);
+  border-top-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
+
+.preferential-tag::after {
+  content: '';
+  position: absolute;
+  top: 0;
+  right: -5px;
+  width: 0;
+  height: 0;
+  border-top: 9px solid #f01212;
+  border-right: 5px solid transparent;
+  border-bottom: 9px solid #f01212;
+}
+
+.shiyong_common {
+  width: 5.92rem !important;
+  height: 4.48rem;
+}
+
+.shiyong_common .van-dialog__header {
+  font-size: 0.36rem;
+  font-weight: bold;
+  color: #000000;
+}
+
+.shiyong_common .van-dialog__message--has-title {
+  padding-top: 0.36rem;
+  padding-bottom: 0;
+}
+
+.shiyong_common .van-dialog__message--has-title .shiyong_text {
+  line-height: 0.4rem;
+  font-size: 0.28rem;
+  text-align: justify;
+  color: #5f5e64;
+}
+
+.shiyong_common .van-dialog__message--has-title .shiyong_buy {
+  margin-top: 0.36rem;
+  width: 100%;
+  height: 0.8rem;
+  background: #2ABED1;
+  border-radius: 4px;
+  color: #F7F9FA;
+  font-size: 0.32rem;
+}
+
+.visited .visited-hd {
+  color: #C0C4CC !important;
+}
+
+.visited .visited-ft {
+  color: #9B9CA3 !important;
+}
+
+.visited .visited-ft.visited-tag {
+  background-color: #F7F9F9;
+}
+
+/**/
+.j-container .freeShow {
+  display: flex;
+  align-items: center;
+  padding: 0 16px;
+  width: 100%;
+  height: 64px;
+  box-sizing: border-box;
+  background: #F5F6F7;
+}
+
+.j-container .freeShow .purchase_in {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 12px;
+  width: 100%;
+  height: 44px;
+  background: url('/jyapp/big-member/image/purchase_bg.jpg') no-repeat;
+  background-size: 100% 100%;
+  border-radius: 8px;
+  box-sizing: border-box;
+}
+
+.j-container .freeShow .purchase_in .pur_text {
+  font-size: 0.3rem;
+}
+
+.j-container .freeShow .purchase_in .pur_btn {
+  padding: 3px 12px;
+  line-height: 18px;
+  text-align: center;
+  background: linear-gradient(113.06deg, #3E3E52 0%, #2F2F3D 100%);
+  font-size: 12px;
+  color: #FAE7CA;
+  border-radius: 32px;
+}
+
+.j-main .tip {
+  font-size: 14px;
+  padding: 5px 20px;
+  margin-bottom: 20px;
+}
+
+.j-main .tip img {
+  margin-right: 10px;
+  height: 19.5px;
+  width: 19.5px;
+  vertical-align: sub;
+}
+
+.j-main .tip front {
+  margin-left: 10px;
+  color: #a0a0a0;
+}

resource/staticres/css/mobile/tag-module-common.css

@@ -0,0 +1,614 @@
+.mt12 {
+  margin-top: .24rem;
+}
+.fl {
+  float: left!important;
+}
+.fr {
+  float: right!important;
+}
+map area,
+map area:active,
+map area:focus{
+  outline: 0;
+  border: 0;
+}
+/* 超过2行省略号显示 */
+.ellipsis-2 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  word-break: break-all;
+}
+.ellipsis-5 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 5;
+  -webkit-box-orient: vertical;
+  word-break: break-all;
+}
+
+.loading-icon {
+  position: relative;
+  width: 30px;
+  height: 30px;
+  border: 2px solid #000;
+  border-top-color: rgba(0, 0, 0, 0.2);
+  border-right-color: rgba(0, 0, 0, 0.2);
+  border-bottom-color: rgba(0, 0, 0, 0.2);
+  border-radius: 100%;
+  animation: circle infinite 0.75s linear;
+}
+@keyframes circle {
+  0% {
+    transform: rotate(0);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+.loading-wrapper {
+  position: fixed;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 100;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: transparent;
+}
+body.loading {
+  overflow: hidden;
+}
+
+/* page-container */
+.page-container-region{}
+/* tag-header */
+.j-header.tag-header-container {
+  width: 100%;
+  background: transparent;
+  /* min-height: 26vw;
+  background: -webkit-linear-gradient(top,#00aee6 0%,#05b6cd 100%,#87efea 100%);
+  background: linear-gradient(180deg,#00AEE5 0%,#05B6CD 100%,#87efea 100%); */
+}
+.j-header.tag-header-container .tag-header-left{
+  display: flex;
+  align-items: center;
+}
+.j-header.tag-header-container .logo{
+  width: 2.2rem;
+  height: .6rem;
+}
+.j-header.tag-header-container .tag-header-title{
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  margin-left: .16rem;
+  padding-left: .16rem;
+}
+.j-header.tag-header-container .tag-header-title::after{
+  position: absolute;
+  content: '';
+  width: 1px;
+  height: 20px;
+  background: #fff;
+  top: 50%;
+  left: 0;
+  transform: translateY(-50%);
+}
+.j-header.tag-header-container .p-title{
+  font-size: .32rem;
+  line-height: .48rem;
+  color: #fff;
+}
+.j-header.tag-header-container .c-title{
+  font-size: .24rem;
+  line-height: .36rem;
+  color: #fff;
+}
+.j-header.tag-header-container .fold-action{
+  width: .4rem;
+  height: .4rem;
+  flex-shrink: 0;
+}
+.j-header.tag-header-container .home-action{
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  font-size: .24rem;
+  color: #fff;
+  line-height: .36rem;
+}
+.j-header.tag-header-container .home-action > img{
+  width: .4rem;
+  height: .4rem;
+}
+
+.j-header.jy-app-header{
+  padding: 10.66667vw 3.2vw 5vw 3.2vw;
+}
+.j-header.jy-app-header.wx-header,
+.j-header.jy-app-header.h5-header {
+  padding: .24rem .28rem .24rem .32rem;
+  height: 1.12rem;
+}
+
+/* tag-header */
+.page-header-region{
+  padding-bottom: 0.32rem;
+  background: -webkit-linear-gradient(top,#00aee6 0%,#05b6cd 100%,#87efea 100%);
+  background: linear-gradient(180deg,#00AEE5 0%,#05B6CD 100%,#87efea 100%);
+}
+
+.page-main {
+  overflow-x: hidden;
+}
+
+.page-main.page-main-region{
+  position: relative;
+  margin-top: -.4rem;
+  border-radius: .4rem .4rem 0 0;
+  background: #F5F6F7;
+  z-index: 10;
+  overflow: hidden;
+}
+
+/* grid nav */
+.tag-grid-nav{
+  display: flex;
+  flex-wrap: wrap;
+  padding: .16rem 0 .08rem;
+  background: -webkit-linear-gradient(rgba(255, 255, 255, 1),rgba(245, 246, 247, 1));
+  background: linear-gradient(rgba(255, 255, 255, 1),rgba(245, 246, 247, 1));
+}
+.tag-grid-nav .tag-grid-nav-item{
+  width: 25%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: .0 0 .08rem;
+}
+.tag-grid-nav .tag-grid-nav-item > img{
+  width: .72rem;
+  height: .72rem;
+}
+.tag-grid-nav .tag-grid-nav-item > span{
+  font-size: .22rem;
+  line-height: .32rem;
+  color: #171826;
+}
+/* grid nav */
+
+/* divider */
+.tag-divider{
+  display: flex;
+  align-items: center;
+  padding: .24rem .48rem;
+  font-size: .26rem;
+  line-height: .4rem;
+  color: #171826;
+  text-align: center;
+  border-color: rgba(0, 0, 0, .1);
+  border-style: solid;
+  border-width: 0;
+}
+.tag-divider::before,
+.tag-divider::after{
+  content: '';
+  display: block;
+  flex: 1;
+  box-sizing: border-box;
+  height: 1px;
+  border-color: inherit;
+  border-style: inherit;
+  border-width: 1px 0 0;
+  transform: scaleY(.5);
+}
+.tag-divider::before{
+  margin-right: .16rem;
+}
+.tag-divider::after{
+  margin-left: .16rem;
+}
+/* divider */
+/* tag bidding card */
+.bidding-list .hot-tips{
+  margin-right: .16rem;
+  padding: .02rem .16rem;
+  border-radius: .08rem;
+  font-size: .26rem;
+  line-height: .4rem;
+  color: #fff;
+  background: linear-gradient(to right,rgba(255, 58, 32, 1), rgba(255, 99, 32, 1));
+}
+.bidding-list .tag-card-list {
+  padding: .24rem;
+  /* margin: 0 .16rem; */
+  margin-bottom: .16rem;
+  border-radius: .24rem;
+  background: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.05);
+}
+.bidding-list .tag-card-list .list-title{
+  font-size: .3rem;
+  line-height: .44rem;
+  text-align: justify;
+}
+.bidding-list .tag-card-list .list-info{
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: .16rem;
+}
+.bidding-list .tag-card-list .tag-text {
+  display: inline-block;
+  padding: .02rem .16rem;
+  margin-right: 0.08rem;
+  background: #F7F9FA;
+  white-space: nowrap;
+  color: #5F5E64;
+  font-size: 0.24rem;
+  line-height: 0.36rem;
+  border-radius: .08rem;
+  border: 1px solid rgba(0, 0, 0, 0.05);
+}
+.bidding-list .tag-card-list .list-info-time{
+  font-size: 0.24rem;
+  line-height: 0.36rem;
+  color: #9B9CA3;
+}
+/* tag bidding card */
+
+
+/* tag-register-login */
+.register-login-container {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: .24rem .32rem;
+}
+.logo-img-wrapper {
+  display: inline-block;
+  width: 2.2rem;
+  height: 0.6rem;
+}
+.logo-img-wrapper img {
+  display: block;
+  width: 100%;
+}
+.header-title {
+  flex: 1;
+  margin: 0 .16rem;
+  color: #171826;
+  font-size: 0.28rem;
+  line-height: 0.36rem;
+}
+/* tag-register-login */
+
+/* tag-pagination */
+.tag-pagination {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: .96rem;
+  font-size: .28rem;
+  line-height: .4rem;
+  color: #5F5E64;
+}
+.tag-pagination-button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  flex: 2;
+}
+.tag-pagination-page-num {
+  flex: 1;
+  color: #171826;
+}
+.tag-pagination-button a {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+}
+.tag-pagination .j-icon {
+  width: .32rem;
+  height: .32rem;
+}
+.tag-pagination-prev .icon-arrow-up {
+  margin-right: .16rem;
+  transform: rotateZ(-90deg);
+}
+.tag-pagination-next .icon-arrow-up {
+  margin-left: .16rem;
+  transform: rotateZ(90deg);
+}
+/* tag-pagination */
+
+/* tag-swiper */
+.tag-swiper-list-container {
+  padding-top: 0.08rem;
+  width: 100%;
+}
+.tag-swiper-item {
+  padding: .16rem .32rem;
+  border-radius: .16rem;
+  overflow: hidden;
+}
+.tag-swiper-item a {
+  display: inline-block;
+  width: 100%;
+  height: 100%;
+  border-radius: 0.16rem;
+  overflow: hidden;
+}
+.tag-swiper-item img {
+  display: block;
+  width: 100%;
+}
+.swiper-container-horizontal .swiper-custom-dot {
+  bottom: .28rem;
+}
+.swiper-pagination .swiper-pagination-bullet {
+  width: 0.08rem;
+  height: 0.08rem;
+
+}
+.swiper-pagination .swiper-pagination-bullet-active {
+  background-color: #fff;
+}
+/* tag-swiper */
+
+
+/* tag-breadcrumb-navigation */
+.tag-breadcrumb-navigation {
+  padding: 0.16rem .32rem;
+  color: #5F5E64;
+  font-size: 0.2rem;
+  line-height: 0.28rem;
+  background: transparent;
+}
+.tag-breadcrumb-navigation a {
+  color: inherit;
+}
+/* tag-breadcrumb-navigation */
+
+/* tag-footer */
+.tag-footer-container {
+  padding: .18rem 0;
+  background: #EDEFF2;
+}
+.tag-footer-container .website-info{
+  text-align: center;
+  line-height: .36rem;
+  font-size: .24rem;
+  color: #5F5E64;
+}
+
+/* tag-footer */
+
+/* back-to-top */
+.back-to-top {
+  position: fixed;
+  right: .32rem;
+  bottom: calc(1.12rem + 0.8rem);
+  width: .8rem;
+  height: .8rem;
+  background-color: rgba(0, 0, 0, 0.4);
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.back-to-top .up-img {
+  width: .52rem;
+  height: .52rem;
+}
+/* back-to-top */
+/* empty */
+.empty-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: .32rem 0;
+}
+.empty-content-position .image {
+  width: 4rem;
+  height: 4rem;
+}
+.empty-content-position .image > img{
+  display: block;
+  width: 100%;
+}
+.empty-tip-text {
+  text-align: center;
+  font-size: .26rem;
+  color: #9B9CA3;
+  line-height: .4rem;
+}
+/* empty */
+
+/* tag-summary */
+.tag-summary{
+  padding: .24rem .48rem;
+  text-align: center;
+  background: -webkit-linear-gradient(rgba(255, 255, 255, 0),rgba(255, 255, 255, 1));
+  background: linear-gradient(rgba(255, 255, 255, 0),rgba(255, 255, 255, 1));
+}
+.tag-summary .summary-title{
+  font-size: .4rem;
+  line-height: .6rem;
+  color: #2ABED1;
+}
+.tag-summary .summary-desc{
+  margin-top: .16rem;
+  color: #5F5E64;
+  font-size: .26rem;
+  line-height: .4rem;
+  text-align: justify;
+}
+/* tag-summary */
+
+/* tag-drawer */
+.tag-drawer{
+}
+.modal-mask{
+  position: fixed;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 100;
+  background: rgba(0, 0, 0, 0.7);
+}
+.tag-drawer .tag-drawer-container{
+  position: fixed;
+  padding-top: .8rem;
+  padding-top: constant(safe-area-inset-top);
+  padding-top: env(safe-area-inset-top);
+  padding-bottom: .8rem;
+  width: 5.6rem;
+  height: 100%;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  background: #F5F6F7;
+  z-index: 101;
+  transform: translate3d(100%, 0, 0);
+  transition: transform linear 0.3s;
+}
+.tag-drawer.open .tag-drawer-container{
+  transform: translate3d(0, 0, 0);
+  transition: transform linear 0.3s;
+}
+.tag-drawer .drawer-header{
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: .28rem .24rem;
+  border-bottom: 1px solid rgba(0, 0, 0, .05);
+  color: #2ABED1;
+  font-size: .36rem;
+  height: 21.33333vw;
+  padding-top: 10.66667vw;
+}
+.tag-drawer .drawer-header .drawer-header-label{
+  position: relative;
+  padding-left: .16rem;
+}
+.tag-drawer .drawer-header .drawer-header-label::after{
+  position: absolute;
+  content: '';
+  left: 0;
+  top: 50%;
+  width: .06rem;
+  height: .32rem;
+  background: #2ABED1;
+  border-radius: .22rem;
+  transform: translateY(-50%);
+}
+.tag-drawer .drawer-header .fold-action{
+  width: .4rem;
+  height: .4rem;
+}
+.tag-drawer .drawer-main{
+  padding: .24rem;
+  height: 100%;
+  overflow-y: scroll;
+}
+.tag-drawer .city-container{
+  display: flex;
+  flex-wrap: wrap;
+}
+.tag-drawer .city-container .city-item{
+  display: inline-block;
+  width: 2.44rem;
+  padding: .2rem .08rem;
+  margin-bottom: .24rem;
+  font-size: .32rem;
+  line-height: .48rem;
+  background: #fff;
+  color: #171826;
+  text-align: center;
+  border-radius: 0.08rem;
+  border: 1px solid rgba(0, 0, 0, .1);
+}
+.tag-drawer .city-container .city-item:nth-child(odd){
+  margin-right: .24rem;
+}
+.h5-body .tag-drawer .drawer-header,
+.wx-body .tag-drawer .drawer-header{
+  padding: .28rem .24rem;
+  height: unset;
+}
+/* tag-drawer */
+
+/* tag-city-nav */
+.tag-city-nav{
+  background: linear-gradient(rgba(255, 255, 255, 1), rgba(245, 246, 247, 1));
+}
+.tag-city-nav .tag-city-nav-header{
+  display: flex;
+  align-items: center;
+  padding: .24rem .48rem;
+  font-size: .26rem;
+  line-height: .4rem;
+  color: #171826;
+  text-align: center;
+  border-color: rgba(0, 0, 0, .1);
+  border-style: solid;
+  border-width: 0;
+}
+.tag-city-nav .tag-city-nav-header::before,
+.tag-city-nav .tag-city-nav-header::after{
+  content: '';
+  display: block;
+  flex: 1;
+  box-sizing: border-box;
+  height: 1px;
+  border-color: inherit;
+  border-style: inherit;
+  border-width: 1px 0 0;
+  transform: scaleY(.5);
+}
+.tag-city-nav .tag-city-nav-header::before{
+  margin-right: .16rem;
+}
+.tag-city-nav .tag-city-nav-header::after{
+  margin-left: .16rem;
+}
+.tag-city-nav .tag-city-nav-main{
+  display: flex;
+  flex-wrap: wrap;
+  padding: 0 .24rem;
+}
+.tag-city-nav .city-nav-item{
+  display: inline-block;
+  margin: 0 .2rem .22rem 0;
+  padding: .04rem .16rem;
+  border-radius: .08rem;
+  font-size: .26rem;
+  line-height: .4rem;
+  color: #171826;
+  background: #F7F9FA;
+  border: 0.5px solid #C0C4CC;
+}
+.tag-city-nav .city-nav-item.active{
+  background: rgba(42, 190, 209, 0.12);
+  color: #2ABED1;
+  border-color: #2ABED1;
+}
+/* tag-city-nav */

resource/staticres/js/mobile/tag-common.js

@@ -0,0 +1,111 @@
+var backToTop = {
+  $scrollDOM: $(window),
+  $backToTop: $('.back-to-top'),
+  init: function () {
+    this.checkBackToTopButtonShow()
+    this.bindEvents()
+  },
+  bindEvents: function () {
+    var _this = this
+    this.$backToTop.on('click', function () {
+      $('html').animate({
+        scrollTop: 0
+      })
+    })
+    this.$scrollDOM.on('scroll', function (e) {
+      _this.checkBackToTopButtonShow()
+    })
+  },
+  checkBackToTopButtonShow: function () {
+    var scrollTop = this.$scrollDOM.scrollTop()
+    if (scrollTop < 5) {
+      this.$backToTop.hide()
+    } else {
+      this.$backToTop.show()
+    }
+  }
+}
+
+var copyright = {
+  $copyRight: $('.website-info .copyright'),
+  $recordNumber: $('.website-info .record-num'),
+  // 动态设置copyright
+  init: function () {
+    this.setCopyRightForBottom()
+  },
+  setCopyRightForBottom: function (url) {
+    var host = url || location.host
+    var nowCopyRightInfo = {
+      rule: '',
+      icp: ''
+    }
+    var copyRightMap = [
+      {
+        rule: 'jianyu360.cn',
+        icp: '京ICP备2021020018号-1'
+      },
+      {
+        rule: 'jianyu360.com.cn',
+        icp: '京ICP备2021020018号-2'
+      },
+      {
+        rule: 'jianyubiaoxun.cn',
+        icp: '京ICP备2021020018号-3'
+      },
+      {
+        rule: 'jianyu360.com',
+        icp: '京ICP备2021020018号-4'
+      }
+    ]
+    for (let i = 0; i < copyRightMap.length; i++) {
+      if (host.indexOf(copyRightMap[i].rule) !== -1) {
+        nowCopyRightInfo = copyRightMap[i]
+        break
+      }
+    }
+    var copyright = '©2015-' + new Date().getFullYear() + ' ' + nowCopyRightInfo.rule + ' 版权所有 | ' 
+    var recordText = '<a style="color: inherit; font-size: inherit;" href="https://beian.miit.gov.cn/" target="_blank">' + nowCopyRightInfo.icp + '</a>'
+    this.$copyRight.html(copyright)
+    this.$recordNumber.html(recordText)
+  }
+}
+
+var drawer = {
+  $bodyDOM: $('body'),
+  $openAction: $('.fold-open-action'),
+  $closeAction: $('.fold-close-action'),
+  $mask: $('.modal-mask'),
+  $drawerDom: $('.tag-drawer'),
+  // 动态设置copyright
+  init: function () {
+    this.bindEvents()
+  },
+  bindEvents: function () {
+    var _this = this
+    this.$openAction.on('click', function () {
+      _this.$drawerDom.show().addClass('open')
+      _this.$bodyDOM.css("overflow-y", "hidden")
+    })
+    this.$closeAction.on('click', function () {
+      _this.$drawerDom.removeClass('open').fadeOut()
+      _this.$bodyDOM.css("overflow-y", "unset")
+    })
+    this.$mask.on('click', function () {
+      _this.$drawerDom.removeClass('open').fadeOut()
+      _this.$bodyDOM.css("overflow-y", "unset")
+    })
+  },
+  toggleDrawer: function () {
+
+  }
+}
+
+$(function() {
+  backToTop.init()
+  copyright.init()
+  try {
+    drawer.init()
+  } catch (error) {
+    console.log(error)
+  }
+})

resource/template/common/empty.html

@@ -0,0 +1,8 @@
+<div class="empty-container">
+  <div class="empty-content-position">
+      <div class="image">
+          <img src="{{Cdn}}/jybx/image/jy-back.png"  alt="empty">
+      </div>
+      <div class="empty-tip-text">暂无数据</div>
+  </div>
+</div>

resource/template/mobile/area_city_list.html

@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="zh-CN" style="font-size: 50px;">
+<head>{{$global:=.}}
+  {{include "mobile/common/meta.html" .}}
+  <meta name="Keywords" content='{{$global.cityNode.Name}}招标信息,{{$global.cityNode.Name}}招标公告,{{$global.cityNode.Name}}招标网'/>
+  <meta name="Description" content='{{$global.cityNode.Name}}招标网隶属于{{$global.areaNode.Name}}招标网，为您提供{{$global.areaNode.Name}}{{$global.cityNode.Name}}的招标预告、招标公告、招标结果、招标信用等招投标信息。'/>
+  <title>{{$global.cityNode.Name}}招标信息_{{$global.cityNode.Name}}招标公告-第{{$global.pageNum}}页-{{$global.cityNode.Name}}招标网</title>  
+  {{include "mobile/common/link.html" .}}
+</head>
+<body>
+  <div class="page-container page-container-region">
+    <header class="page-header page-header-region">
+      <!-- 顶部导航 -->
+      {{include "mobile/components/tag-header.html" .}}
+    </header>
+    <main class="page-main page-main-region">
+      {{include "mobile/components/tag-city-nav.html" .}}
+      <section>
+        {{include "mobile/components/tag-bidding-list-common.html" .}}
+      </section>
+      {{include "mobile/components/tag-pagination.html" .}}
+      {{include "mobile/components/tag-breadcrumb.html" .}}
+      {{include "mobile/components/tag-footer.html" .}}
+    </main>
+  </div>
+  <script src='{{Cdn}}/common-module/public/js/utils.js?v={{Msg "version"}}'></script>
+  <script src='{{Cdn}}/jybx/js/mobile/tag-common.js?v={{Msg "version"}}'></script>
+</body>
+</html>

resource/template/mobile/area_class_list.html

@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="zh-CN" style="font-size: 50px;">
+<head>{{$global:=.}}
+    {{include "mobile/common/meta.html" .}}
+    <meta name="Keywords" content='{{$global.areaNode.Name}}{{$global.classNode.Name}}招标信息,{{$global.areaNode.Name}}{{$global.classNode.Name}}招标公告'/>
+    <meta name="Description" content='{{$global.areaNode.Name}}{{$global.classNode.Name}}招标信息栏目隶属于{{$global.areaNode.Name}}招标网，为您提供{{$global.areaNode.Name}}{{$global.classNode.Name}}的招标预告、招标公告、招标结果、招标信用等招投标信息。'/>
+    <title>{{$global.areaNode.Name}}{{$global.classNode.Name}}招标信息_{{$global.areaNode.Name}}{{$global.classNode.Name}}招标公告-第{{$global.pageNum}}页-{{$global.areaNode.Name}}招标网</title>
+    {{include "mobile/common/link.html" .}}
+</head>
+<body>
+  <div class="page-container page-container-region">
+    <header class="page-header page-header-region">
+      <!-- 顶部导航 -->
+      {{include "mobile/components/tag-header.html" .}}
+    </header>
+    <main class="page-main page-main-region">
+      {{include "mobile/components/tag-grid-nav.html" .}}
+      <section>
+        {{include "mobile/components/tag-bidding-list-common.html" .}}
+      </section>
+      {{include "mobile/components/tag-pagination.html" .}}
+      {{include "mobile/components/tag-breadcrumb.html" .}}
+      {{include "mobile/components/tag-footer.html" .}}
+    </main>
+  </div>
+  <script src='{{Cdn}}/common-module/public/js/utils.js?v={{Msg "version"}}'></script>
+  <script src='{{Cdn}}/jybx/js/mobile/tag-common.js?v={{Msg "version"}}'></script>
+</body>
+</html>

resource/template/mobile/area_index.html

@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="zh-CN" style="font-size: 50px;">
+<head>{{$global:=.}}{{$Cfg:=GetAreaIndexCfg .areaNode.Code}}
+    {{include "mobile/common/meta.html" .}}
+    <meta name="Keywords" content='{{$global.areaNode.Name}}招标网,{{$global.areaNode.Name}}招标信息平台'/>
+    <meta name="Description" content='{{$global.areaNode.Name}}招标网是剑鱼标讯旗下网站，为您提供{{$global.areaNode.Name}}各地区各行业的招标预告、招标公告、招标结果、招标信用等招投标信息，查{{$global.areaNode.Name}}招标信息，就来{{$global.areaNode.Name}}招标网。'/>
+    <title>{{$global.areaNode.Name}}招标网_{{$global.areaNode.Name}}招标信息平台</title>
+    {{include "mobile/common/link.html" .}}
+</head>
+<body>
+  <div class="page-container page-container-region">
+    <header class="page-header page-header-region">
+      <!-- 顶部导航 -->
+      {{include "mobile/components/tag-header.html" .}}
+    </header>
+    <main class="page-main page-main-region">
+      {{include "mobile/components/tag-grid-nav.html" .}}
+      <!-- 热门招标 -->
+      <section class="bidding-list tag-hot-bidding">
+        <h3 class="tag-divider">
+          <span class="hot-tips">荐</span>
+          {{.areaNode.Name}}热门招标
+        </h3>
+        {{$hotData:=GetHotBidding .areaNode.Code 5}}
+        {{if $hotData}}
+        {{range $n:=GetHotBidding .areaNode.Code 5}}
+        <div class="tag-card-list">
+          <a class="list-title ellipsis-3" href="{{$n.Url}}" title="{{$n.Title}}">{{$n.Title}}</a>
+          <div class="list-info">
+            <div class="list-info-tag">
+              {{if and $n.Area $n.City}}
+              <span class="tag-text">
+                  {{if ne $global.areaNode.Type 3}}{{$n.Area}}-{{end}}{{$n.City}}
+              </span>
+              {{else if $n.Area}}
+              <span class="tag-text">{{$n.City}}</span>
+              {{else if $n.City}}
+              <span class="tag-text">{{$n.City}}</span>
+              {{end}}
+              {{if $n.Subtype}}
+              <span class="tag-text">{{$n.Subtype}}</span>
+              {{end}}
+            </div>
+            <div class="list-info-time">{{$n.PublishTime | date "Y-m-d"}}</div>
+          </div>
+        </div>
+        {{end}}
+        {{end}}
+      </section>
+      <section>
+        {{range $class:=GetHotClass 6}}
+            {{include "mobile/components/tag-bidding-list.html" (CardFormat (concat $global.areaNode.Name $class.Name "招标信息") $class.Code (GetClassBidding $global.areaNode.Code $class.Code 8))}}
+          {{end}}
+      </section>
+      <!-- 招标简介 -->
+      <summary class="tag-summary">
+        <h3 class="summary-title">{{$global.areaNode.Name}}招标网简介</h3>
+        <p class="summary-desc">{{$global.areaNode.Name}}招标网是剑鱼标讯旗下网站，收集整理了大量的招标投标信息、各类采购信息和企业经营信息，每天更新{{$global.areaNode.Name}}各地区各行业的招标预告、招标公告、招标结果、招标信用等招投标信息，免费向广大用户开放，登录后即可免费查询。</p>
+      </summary>
+      {{include "mobile/components/tag-footer.html" .}}
+      {{include "mobile/components/tag-drawer.html" .}}
+
+    </main>
+  </div>
+  <script src='{{Cdn}}/common-module/public/js/utils.js?v={{Msg "version"}}'></script>
+  <script src='{{Cdn}}/jybx/js/mobile/tag-common.js?v={{Msg "version"}}'></script>
+</body>
+</html>

resource/template/mobile/common/empty.html

@@ -0,0 +1,8 @@
+<div class="empty-container">
+  <div class="empty-content-position">
+      <div class="image">
+          <img src="{{Cdn}}/jybx/images/jy-back.png"  alt="empty">
+      </div>
+      <div class="empty-tip-text">暂无数据</div>
+  </div>
+</div>

resource/template/mobile/common/link.html

@@ -0,0 +1,9 @@
+<link rel="icon" href="{{Cdn}}/jybx/images/favicon.ico">
+<link rel="canonical" href="@wangkaiyue:域名+当前路由">
+<link rel="stylesheet" href=//cdn-common.jianyu360.com/cdn/lib/reset-css/5.0.1/reset.min.css />
+<script src='{{Cdn}}/common-module/history-push/local/rem.js'></script>
+<script src='https://cdn-common.jianyu360.com/cdn/lib/jquery/3.6.0/jquery.min.js'></script>
+<link rel="stylesheet" href='{{Cdn}}/jybx/css/mobile/public.css?v={{Msg "version"}}' />
+<link rel="stylesheet" href='{{Cdn}}/jyapp/big-member/css/j-icons.css?v={{Msg "version"}}' />
+<link rel="stylesheet" href='{{Cdn}}/jybx/css/mobile/tag-module-common.css?v={{Msg "version"}}' />
+<script src='{{Cdn}}/common-module/public/head.js?v={{Msg "version"}}'></script>

resource/template/mobile/common/meta.html

@@ -0,0 +1,12 @@
+<meta charset="utf-8">
+<meta name="author" content="剑鱼标讯">
+<meta name="applicable-device" content="mobile" />
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, viewport-fit=cover">
+<meta name="browsermode" content="application">
+<meta name="x5-orientation" content="portrait">
+<meta name="screen-orientation" content="portrait">
+<meta name="x5-page-mode" content="app">
+<meta name="apple-mobile-web-app-capable" content="yes">
+<meta name="apple-mobile-web-app-status-bar-style" content="black">
+<meta name="format-detection" content="telephone=no">

resource/template/mobile/components/tag-bidding-list-common.html

@@ -0,0 +1,36 @@
+{{$global:=.}}
+<section class="bidding-list">
+  <h3 class="tag-divider">
+    {{if $global.cityNode.Name}}
+    <span>{{$global.areaNode.Name}}{{$global.cityNode.Name}}招标信息</span>
+    {{else if $global.classNode.Name}}
+    <span>{{$global.areaNode.Name}}{{$global.classNode.Name}}招标信息</span>
+    {{end}}
+  </h3>
+  {{if ne (len $global.list) 0}}
+  {{range $k,$v :=$global.list}}
+  <div class="tag-card-list">
+    <a class="list-title ellipsis-5" href="{{$v.Url}}" title="{{$v.Title}}">{{$v.Title}}</a>
+    <div class="list-info">
+      <div class="list-info-tag">
+        {{if and $v.Area $v.City}}
+        <span class="tag-text">
+          {{$v.Area}}-{{$v.City}}
+        </span>
+        {{else if $v.Area}}
+        <span class="tag-text">{{$v.City}}</span>
+        {{else if $v.City}}
+        <span class="tag-text">{{$v.City}}</span>
+        {{end}}
+        {{if $v.Subtype}}
+        <span class="tag-text">{{$v.Subtype}}</span>
+        {{end}}
+      </div>
+      <div class="list-info-time">{{$v.PublishTime | date "Y-m-d"}}</div>
+    </div>
+  </div>
+  {{end}}
+  {{else}}
+    {{include "mobile/common/empty.html" .}}
+  {{end}}
+</section>

resource/template/mobile/components/tag-bidding-list.html

@@ -0,0 +1,29 @@
+<section class="bidding-list">
+  <h3 class="tag-divider">{{.title}}</h3>
+  {{if ne (len .data) 0}}
+  {{range $v:= .data}}
+  <div class="tag-card-list">
+    <a class="list-title ellipsis-5" href="{{$v.Url}}" title="{{$v.Title}}">{{$v.Title}}</a>
+    <div class="list-info">
+      <div class="list-info-tag">
+        {{if and $v.Area $v.City}}
+          <span class="tag-text">
+            {{$v.Area}}-{{$v.City}}
+          </span>
+        {{else if $v.Area}}
+        <span class="tag-text">{{$v.City}}</span>
+        {{else if $v.City}}
+        <span class="tag-text">{{$v.City}}</span>
+        {{end}}
+        {{if $v.Subtype}}
+        <span class="tag-text">{{$v.Subtype}}</span>
+        {{end}}
+      </div>
+      <div class="list-info-time">{{$v.PublishTime | date "Y-m-d"}}</div>
+    </div>
+  </div>
+  {{end}}
+  {{else}}
+  {{include "mobile/common/empty.html" .}}
+  {{end}}
+</section>

resource/template/mobile/components/tag-breadcrumb.html

@@ -0,0 +1,20 @@
+{{$global:=.}}
+<section class="tag-breadcrumb-navigation ellipsis">
+  <span>当前位置：</span>
+  <a href="{{GetJyWebDomain}}">剑鱼标讯</a>
+  {{if $global.areaNode}}
+  <em>></em>
+  <a href="{{$global.areaNode.Href}}">{{$global.areaNode.Name}}招标网</a>
+  {{else}}
+  <em>></em>
+  <a href="{{$global.cityNode.Href}}">{{$global.cityNode.Name}}招标网</a>
+  {{end}}
+  <em>></em>
+  {{if $global.cityNode.Name}}
+  <span class="current-tag">{{$global.areaNode.Name}}{{$global.cityNode.Name}}招标信息</span>
+  {{else if $global.classNode.Name}}
+  <span class="current-tag">{{$global.areaNode.Name}}{{$global.classNode.Name}}招标信息</span>
+  {{else if $global.detail.title }}
+  <span class="current-tag" title="{{$global.detail.title}}">{{$global.detail.title | strlimit 46  "..."}}</span>
+  {{end}}
+</section>

resource/template/mobile/components/tag-city-nav.html

@@ -0,0 +1,12 @@
+{{$global:=.}}
+{{$Cfg:=GetAreaIndexCfg $global.areaNode.Code}}
+<div class="tag-city-nav">
+  <div class="tag-city-nav-header">{{.areaNode.Name}}-{{.cityNode.Name}}</div>
+  <div class="tag-city-nav-main">
+    {{if eq $global.areaNode.Type 1}}
+      {{range $city:=$global.areaNode.Child}}
+        <a class="city-nav-item {{if eq $city.Name $global.cityNode.Name}}active{{end}}" href="/{{$city.Code}}">{{$city.Name}}</a>
+      {{end}}
+      {{end}}
+  </div>
+</div>

resource/template/mobile/components/tag-drawer.html

@@ -0,0 +1,20 @@
+{{$global:=.}}
+{{$Cfg:=GetAreaIndexCfg $global.areaNode.Code}}
+<div class="tag-drawer" style="display: none;">
+  <div class="modal-mask"></div>
+  <div class="tag-drawer-container">
+    <div class="drawer-header">
+      <span class="drawer-header-label">城市选择</span>
+      <img class="fold-action fold-close-action" src="/jybx/images/mobile/fold-blue.png" alt="fold">
+    </div>
+    <div class="drawer-main">
+      <div class="city-container">
+        {{if eq $global.areaNode.Type 1}}
+        {{range $city:=$global.areaNode.Child}}
+          <a class="city-item ellipsis" href="/{{$city.Code}}">{{$city.Name}}</a>
+        {{end}}
+        {{end}}
+      </div>
+    </div>
+  </div>
+</div>

resource/template/mobile/components/tag-footer.html

@@ -0,0 +1,9 @@
+<section class="tag-footer-container">
+  <section class="back-to-top">
+    <img class="up-img" src="{{Cdn}}/jybx/images/mobile/up.png" alt="top" />
+  </section>
+  <section class="website-info">
+    <p class="copyright">©2015-2023 jianyu360.cn 版权所有 | </p>
+    <p class="record-num"><a href="https://beian.miit.gov.cn" target="_blank">京ICP备2021020018号-1</a></p>
+  </section>
+</section>

resource/template/mobile/components/tag-grid-nav.html

@@ -0,0 +1,10 @@
+<!-- 九宫格导航 -->
+{{$global:=.}}
+<div class="tag-grid-nav">
+  {{range $class :=GetAllClass}}
+  <a class="tag-grid-nav-item" title="{{$class.Name}}招标" href="/{{$class.Code}}/">
+    <img src="/jybx/images/mobile/{{$class.Code}}.png" alt="{{$class.Name}}">
+    <span>{{$class.Name}}</span>
+  </a>
+  {{end}}
+</div>

resource/template/mobile/components/tag-header.html

@@ -0,0 +1,26 @@
+{{$global:=.}}
+<div class="tag-header-container j-header jy-app-header">
+    <div class="tag-header-left">
+      <a href="{{GetJyWebDomain}}"><img class="logo" src="/jybx/images/mobile/logo-white.png" alt="logo"></a>
+      <div class="tag-header-title">
+        <h1 class="p-title">{{.areaNode.Name}}招标网</h1>
+        {{if $global.cityNode.Name}}
+        <p class="c-title">{{$global.cityNode.Name}}</p>
+        {{else if $global.classNode.Name}}
+        <p class="c-title">{{$global.classNode.Name}}</p>
+        {{end}}
+      </div>
+    </div>
+    <div class="tag-header-right">
+      {{if and (ne .areaNode.Type 3) .areaIndex}}
+      <!-- 地区站(非直辖市)首页展示 -->
+      <img class="fold-action fold-open-action" src="/jybx/images/mobile/fold.png" alt="fold">
+      <!-- 非地区站首页展示 -->
+      {{else if not .areaIndex}}
+      <a class="home-action" href="{{.areaNode.Href}}">
+        <img src="/jybx/images/mobile/home.png" alt="home">
+        <span>首页</span>
+      </a>
+      {{end}}
+    </div>
+</div>

resource/template/mobile/components/tag-pagination.html

@@ -0,0 +1,30 @@
+{{if ne .pagination.PageCount 0}}
+<ul class="tag-pagination bg-white">
+    {{if .pagination.PrevHref }}
+    <li class="tag-pagination-button tag-pagination-prev clickable">
+        <a href="{{.pagination.PrevHref}}">
+            <i class="j-icon base-icon icon-arrow-up"></i>
+            <p>上一页</p>
+        </a>
+    </li>
+    {{else}}
+    <li class="tag-pagination-button tag-pagination-placeholder"></li>
+    {{end}}
+    <li class="tag-pagination-button tag-pagination-page-num">
+        <span class="highlight-text">    {{.pagination.PageNum}}</span>
+        <span>&nbsp;/&nbsp;</span>
+        <span>    {{.pagination.PageCount}}</span>
+    </li>
+
+    {{if .pagination.NextHref }}
+    <li class="tag-pagination-button tag-pagination-next clickable">
+        <a href="{{.pagination.NextHref}}">
+            <p>下一页</p>
+            <i class="j-icon base-icon icon-arrow-up"></i>
+        </a>
+    </li>
+    {{else}}
+    <li class="tag-pagination-button tag-pagination-placeholder"></li>
+    {{end}}
+</ul>
+{{end}}

resource/template/mobile/detail.html

@@ -0,0 +1,110 @@
+<!DOCTYPE html>
+<html lang="zh-CN" style="font-size: 50px;">
+<head>{{$global:=.}}
+  {{include "mobile/common/meta.html" .}}
+  <meta name="Keywords" content='{{$global.detail.title}}' />
+  <meta name="Description" content='剑鱼标讯{{$global.areaNode.Name}}招标网为您提供{{$global.detail.title | strlimit 100  "..."}}的项目地区、项目名称、采购单位、采购联系人等相关信息。查询{{$global.areaNode.Name}}更多招投标信息，就来{{$global.areaNode.Name}}招标网！' />
+  <title>{{$global.detail.title}}-{{$global.areaNode.Name}}招标网</title>
+  {{include "mobile/common/link.html" .}}
+  <link rel="stylesheet" href='{{Cdn}}/jybx/css/mobile/detail.css?v={{Msg "version"}}'>
+</head>
+<body>
+  <div class="page-container page-container-region">
+    <header class="page-header page-header-region">
+      <!-- 顶部导航 -->
+      {{include "mobile/components/tag-header.html" .}}
+    </header>
+    <main class="page-main page-main-region">
+      <div class="page-region-detail">
+        <div class="detail-header">
+          <h1 class="detail-title">{{$global.detail.title}}</h1>
+          <div class="detail-tags">
+            <div>
+              <span class="tag-text">{{if ne $global.areaNode.Type 3}}{{$global.detail.area}}-{{end}}{{$global.detail.city}}</span>
+              <span class="tag-text">{{$global.detail.toptype}}</span>
+            </div>
+            <span class="tag-time">{{$global.detail.time}} </span>
+          </div>
+        </div>
+        <div class="detail-summary">
+          <p class="detail-summary-container">{{$global.detail.abstract | ConvString | ParseHtml}}</p>
+        </div>
+        <main class="detail-content">
+          <div class="base-info">
+            <h3 class="tag-divider info-header">基本信息</h3>
+            <div  class="base-info-table">
+              <table>
+                <tr>
+                  <td class="tab-label">地市</td>
+                  <td class="tab-value">{{$global.detail.area}}&nbsp;{{$global.detail.city}}</td>
+                </tr>
+                <tr>
+                  <td class="tab-label">项目名称</td>
+                  <td class="tab-value">{{$global.detail.projectname}}</td>
+                </tr>
+                <tr>
+                  <td class="tab-label">招标代理机构</td>
+                  <td class="tab-value">{{$global.detail.agency}}</td>
+                </tr>
+                <tr>
+                  <td class="tab-label">采购单位</td>
+                  <td class="tab-value">{{$global.detail.buyer}}</td>
+                </tr>
+                <tr>
+                  <td class="tab-label">采购联系人</td>
+                  <td class="tab-value">{{$global.detail.buyerperson  | ConvString | ParseHtml}}</td>
+                </tr>
+                <tr>
+                  <td class="tab-label">采购电话</td>
+                  <td class="tab-value">{{$global.detail.buyertel | ConvString | ParseHtml}}</td>
+                </tr>
+              </table>
+            </div>
+          </div>
+          {{if eq $global.detail.toptype "结果"}}
+          <div class="base-info">
+            <h3 class="tag-divider info-header">中标信息</h3>
+            <div class="base-info-table">
+              <table>
+                <tr>
+                  <td class="tab-label">中标单位</td>
+                  <td class="tab-value">{{ $global.detail.s_winner }}</td>
+                </tr>
+                <tr>
+                  <td class="tab-label">中标金额</td>
+                  <td class="tab-value">{{ $global.detail.bidamount | ConvString | ParseHtml}}</td>
+                </tr>
+                <tr>
+                  <td class="tab-label">联系方式</td>
+                  <td class="tab-value tab-value-tips">{{ $global.detail.winnertel | ConvString | ParseHtml}}</td>
+                </tr>
+              </table>
+            </div>
+          </div>
+          {{end}}
+          <div>
+            <h3 class="tag-divider info-header">公告正文</h3>
+            <div class="detail-html">
+              {{$global.detail.detail | ConvString | ParseHtml}}
+            </div>
+          </div>
+        </main>
+        <p class="detail-reminder">{{$global.detail.bottomAbstract | ConvString | ParseHtml}}</p>
+      </div>
+      
+      {{include "mobile/components/tag-breadcrumb.html" .}}
+      {{include "mobile/components/tag-footer.html" .}}
+    </main>
+  </div>
+  <script src='{{Cdn}}/common-module/public/js/utils.js?v={{Msg "version"}}'></script>
+  <script src='{{Cdn}}/jybx/js/mobile/tag-common.js?v={{Msg "version"}}'></script>
+  <script>
+    $(function() {
+      // $('.detail-html br').remove()
+      $('*[data-quick-login="login"]').click(function() {
+        location.href = '/jyapp/free/login?url=/jyapp/jylab/mainSearch'
+      })
+    })
+  </script>
+</body>
+</html>