first commit

历届学生/逯帅帅/项目开发/上课项目/屁桃儿/css/page/classification.css

@@ -0,0 +1,50 @@
+.left{
+    padding-left: .8rem;
+}
+.header{
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    z-index: 99;
+    display: flex;
+    color: #fff;
+    height: 2.8rem;
+    align-items: center;
+}
+.header a,.header p{
+    color: #fff;
+    font-size: .9rem;
+}
+
+.header p{
+    padding-left: .5rem;
+}
+.contene{
+    margin-top: 3.5rem;
+}
+.contene div:first-child p,
+.contene div:last-child p{
+    font-size: .8rem;
+    margin-bottom: 0.5rem;
+    color: #666;
+}
+.contene ul{
+    display: flex;
+    flex-wrap: wrap;
+}
+.contene ul li{
+    line-height: 2rem;
+    height: 2rem;
+    width: 23.8%;
+    text-align: center;
+    font-size: 0.28rem;
+    border: 1px solid #ccc;
+    margin-bottom: 0.1rem;
+    padding: 0.1rem 0;
+    box-sizing: border-box;
+    margin-right: 0.1rem;
+}
+.contene div:first-child{
+    margin-bottom: 1rem;
+}

历届学生/逯帅帅/项目开发/上课项目/屁桃儿/css/page/index.css

@@ -0,0 +1,77 @@
+.header {
+    height: 1.6rem;
+    position: fixed;
+    top: 0;
+    width: 100%;
+    left: 0;
+    z-index: 9;
+}
+.header_search {
+    height: 0.88rem;
+    display: flex;
+    justify-content: space-between;
+    padding: 0 0.3rem;
+    align-items: center;
+    box-sizing: border-box;
+}
+.header_menu {
+    position: relative;
+    height: 0.72rem;
+    display: flex;
+    background: #fe7fa2;
+}
+.header_menu .menu_list {
+    display: flex;
+    width: calc(100% - 0.8rem);
+    overflow-x: scroll;
+    align-items: center;
+    padding-left: 0.3rem;
+    box-sizing: border-box;
+}
+.header_menu i {
+    width: 0.8rem;
+    height: 0.72rem;
+    position: absolute;
+    right: 0;
+    top: 0;
+    font-size: 0.3rem;
+    background: #fe7fa2;
+    color: #e3e3e3;
+    line-height: 0.72rem;
+    text-align: center;
+}
+.menu_list li {
+    font-size: 0.26rem;
+    flex-shrink: 0;
+    margin-right: 0.26rem;
+    color: #d3d2d2;
+}
+.menu_active {
+    color: #ffffff !important;
+}
+.content {
+    margin-top: 1.6rem;
+}
+.icon-taozi1, .icon-wo{
+    font-size: 22px;
+}
+.search {
+    width: 82%;
+    background: #fff;
+    height: 0.6rem;
+    border-radius: 0.6rem;
+    display: flex;
+    align-items: center;
+    box-sizing: border-box;
+    padding-left: 0.3rem;
+}
+.search span {
+    font-size: 0.24em;
+    color: #999;
+}
+.search i {
+    color: #999;
+    font-size: 0.26rem;
+    margin-right: 0.1rem;
+    padding-top: 0.02rem;
+}

历届学生/逯帅帅/项目开发/上课项目/屁桃儿/css/page/info.css

@@ -0,0 +1,8 @@
+.info {
+    width: 100%;
+}
+
+.info img {
+    width: 100%;
+    height: auto;
+}

历届学生/逯帅帅/项目开发/上课项目/屁桃儿/css/page/mechanism.css

@@ -0,0 +1,37 @@
+
+
+.content_mechanism {
+    padding-top: 0.9rem;
+    padding-bottom: 1rem;
+}
+
+.mechanism_list {
+    display: flex;
+    flex-wrap: wrap;
+    margin-top: 0.3rem;
+    padding: 0 0.3rem;
+}
+
+.mechanism_list li {
+    width: 25%;
+    text-align: center;
+    font-size: 0;
+    margin-bottom: 0.7rem;
+}
+
+.mechanism_list p {
+    font-size: 0.32rem;
+    margin-bottom: 0.06rem;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.mechanism_list span {
+    font-size: 0.24rem;
+    color: #fb7299;
+}
+
+
+
+

历届学生/逯帅帅/项目开发/上课项目/屁桃儿/css/page/model.css

@@ -0,0 +1,53 @@
+.content_theme1 {
+    padding-top: 0.9rem;
+    padding-bottom: 1rem;
+}
+.padding_30 {
+    padding: 0.3rem 0.3rem 0 0.3rem;
+}
+.item_list .title {
+    font-size: 0.34rem;
+    color: #333;
+    margin-bottom: 0.26rem;
+    margin-top: 0.3rem;
+}
+.model_list {
+    display: flex;
+    justify-content: space-around;
+    margin-top: 0.24rem;
+    flex-wrap: wrap;
+}
+.model_list .item {
+    margin-bottom: 0.6rem;
+}
+.item {
+    position: relative;
+    text-align: center;
+    width: 22%;
+}
+.top {
+    position: relative;
+}
+.item span {
+    font-size: 0.22rem;
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+    bottom: 0.06rem;
+    padding: 0.02rem 0.1rem;
+    background: rgb(0 0 0 / 58%);
+    color: #fff;
+    border-radius: 0.2rem;
+}
+.item img {
+    width: 1.2rem;
+    height: 1.2rem;
+    border-radius: 100%;
+}
+.item p {
+    font-size: 0.24rem;
+    color: #7e7979;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}

历届学生/逯帅帅/项目开发/上课项目/屁桃儿/css/page/model_info.css

@@ -0,0 +1,121 @@
+.content_info {
+    padding-top: 0.9rem;
+}
+
+.model_info_header {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    font-size: 0;
+}
+.model_info_header img{
+    width: 1.4rem;
+    height: 1.4rem;
+    margin-right: 0.2rem;
+    border-radius: 100%;
+}
+.right_text {
+    flex: 1;
+}
+.right_text p{
+    font-weight: 500;
+    font-size: 0.32rem;
+    margin-bottom: 0.12rem;
+}
+.right_text span{
+    font-size: 0.24rem;
+    color: #909090;
+}
+.padding_30 {
+    padding: 0.3rem 0.3rem 0 0.3rem;
+}
+.item_list .title {
+    font-size: 0.34rem;
+    color: #333;
+    margin-bottom: 0.26rem;
+    margin-top: 0.3rem;
+}
+.item_list ul {
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+}
+.item_list ul li {
+    width: 48%;
+    margin-bottom: 0.3rem;
+}
+.item_list ul .newest_img {
+    position: relative;
+}
+a {
+    text-decoration: none;
+    color: #000;
+    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+}
+.item_list .newest_img span {
+    position: absolute;
+    padding: 0.08rem 0.14rem;
+    background: rgb(251 114 153 / 73%);
+    color: rgb(255 255 255 / 73%);
+    font-size: 0.24rem;
+    right: 0.2rem;
+    bottom: 0.42rem;
+    border-radius: 0.28rem;
+}
+.newest_text .tags {
+    display: flex;
+    flex-wrap: wrap;
+    margin-top: 0.08rem;
+}
+.newest_text .tags_item {
+    padding: 0.04rem 0.1rem;
+    font-size: 0.24rem;
+    background: #fb7299;
+    margin-right: 0.06rem;
+    color: #fff;
+    border-radius: 0.18rem;
+    margin-bottom: 0.06rem;
+}
+.tags_item a {
+    color: #fff;
+}
+.model_list {
+    display: flex;
+    justify-content: space-around;
+    margin-top: 0.24rem;
+    flex-wrap: wrap;
+}
+.model_list .item {
+    margin-bottom: 0.6rem;
+}
+.item {
+    position: relative;
+    text-align: center;
+    width: 22%;
+}
+.top {
+    position: relative;
+}
+.item p {
+    font-size: 0.24rem;
+    color: #7e7979;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+.item img {
+    width: 1.2rem;
+    height: 1.2rem;
+    border-radius: 100%;
+}
+.item span {
+    font-size: 0.22rem;
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+    bottom: 0.06rem;
+    padding: 0.02rem 0.1rem;
+    background: rgb(0 0 0 / 58%);
+    color: #fff;
+    border-radius: 0.2rem;
+}

历届学生/逯帅帅/项目开发/上课项目/屁桃儿/css/page/search.css

@@ -0,0 +1,53 @@
+.comms{
+    padding: 0 1rem;
+}
+.header{
+    padding: 0 1rem;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    z-index: 99;
+    height: 2.7rem;
+}
+.header input{
+    width: 83%;
+    border: none;
+    outline: none;
+    height: 1.9rem;
+    padding-left: 0.5rem;
+    border-radius: 1rem;
+    box-sizing: border-box;
+    font-size: 0.26rem;
+    background-color: #fff;
+    color: #333;
+}
+
+
+.coontent{
+    margin-top: 3.5rem;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+}
+.coontent a{
+    margin-bottom: .5rem;
+    width: 10rem;
+}
+.coontent img{
+    width: 10rem;
+    border-radius: .5rem;
+}
+.coontent p{
+    width: 100%;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+p{
+    margin-top: 2rem;
+   font-size: 1rem;
+   color: #666;
+   display: flex;
+   justify-content: center;
+}

历届学生/逯帅帅/项目开发/上课项目/屁桃儿/css/tool/clear.css

@@ -0,0 +1,14 @@
+body,ul,li,h1,h2,h3,h4,h5,h6,p {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+
+a {
+    text-decoration: none;
+}
+
+input {
+    outline: none;
+    border: none;
+}

历届学生/逯帅帅/项目开发/上课项目/屁桃儿/css/tool/public.css

@@ -0,0 +1,145 @@
+body {
+    background-color: #FFFFFF;
+}
+.padding_30 {
+    padding: 0.3rem 0.3rem 0 0.3rem;
+}
+ /*头部公共样式*/
+.header_theme1 {
+    position: fixed;
+    width: 100%;
+    height: 0.9rem;
+    left: 0;
+    top: 0;
+    display: flex;
+    align-items: center;
+    padding: 0 0.3rem;
+    box-sizing: border-box;
+    z-index: 999;
+    justify-content: space-between;
+    font-size: 18px;
+}
+
+.header_theme1 i {
+    font-size: 18px;
+    color: #fff;
+    margin-right: 0.1rem;
+}
+
+.header_theme1 span {
+    color: #fff;
+    font-size: 0.32rem;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+.theme_color {
+    background: #fb7299;
+}
+.color_white {
+    color: white;
+}
+
+
+/*内容*/
+.content_info {
+    padding-top: 0.9rem;
+}
+
+.item_list ul {
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+}
+
+.item_list ul li {
+    width: 48%;
+    margin-bottom: 0.3rem;
+}
+
+.item_list ul .newest_img {
+    position: relative;
+}
+
+.item_list .newest_img span {
+    position: absolute;
+    padding: 0.08rem 0.14rem;
+    background: rgb(251 114 153 / 73%);
+    color: rgb(255 255 255 / 73%);
+    font-size: 0.24rem;
+    right: 0.2rem;
+    bottom: 0.2rem;
+    border-radius: 0.28rem;
+}
+
+.item_list .newest_img img {
+    width: 100%;
+    border-radius: 0.1rem;
+}
+
+.newest_text .tags {
+    display: flex;
+    flex-wrap: wrap;
+    margin-top: 0.08rem;
+}
+
+.newest_text .tags_item {
+    padding: 0.04rem 0.1rem;
+    font-size: 0.24rem;
+    background: #fb7299;
+    margin-right: 0.06rem;
+    color: #fff;
+    border-radius: 0.18rem;
+    margin-bottom: 0.06rem;
+}
+
+.item_list .newest_text .t {
+    color: #333;
+    font-size: 0.3rem;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    margin-bottom: 0.08rem;
+}
+
+.tags_item a {
+    color: #fff;
+}
+
+
+/*详情页*/
+
+.content_info {
+    padding-top: 0.9rem;
+}
+
+
+
+/*尾部公共样式*/
+.footer {
+    position: fixed;
+    width: 100%;
+    background: #fff;
+    height: 1rem;
+    bottom: 0;
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    border-top: 0.02rem solid #e8ebec;
+    box-sizing: border-box;
+    padding-top: 0.1rem;
+}
+.footer li a {
+    display: flex;
+    flex-direction: column;
+    text-align: center;
+}
+.footer li i {
+    font-size: 0.3rem;
+    margin-bottom: 0.08rem;
+}
+.footer li span {
+    font-size: 0.24rem;
+}
+
+

历届学生/逯帅帅/项目开发/上课项目/屁桃儿/css/utils/swiper-bundle.css

@@ -0,0 +1,546 @@
+/**
+ * Swiper 6.4.14
+ * Most modern mobile touch slider and framework with hardware accelerated transitions
+ * https://swiperjs.com
+ *
+ * Copyright 2014-2021 Vladimir Kharlampidi
+ *
+ * Released under the MIT License
+ *
+ * Released on: February 17, 2021
+ */
+
+@font-face {
+  font-family: 'swiper-icons';
+  src: url('data:application/font-woff;charset=utf-8;base64, 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') format('woff');
+  font-weight: 400;
+  font-style: normal;
+}
+:root {
+  --swiper-theme-color: #007aff;
+}
+.swiper-container {
+  margin-left: auto;
+  margin-right: auto;
+  position: relative;
+  overflow: hidden;
+  list-style: none;
+  padding: 0;
+  /* Fix of Webkit flickering */
+  z-index: 1;
+}
+.swiper-container-vertical > .swiper-wrapper {
+  flex-direction: column;
+}
+.swiper-wrapper {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  display: flex;
+  transition-property: transform;
+  box-sizing: content-box;
+}
+.swiper-container-android .swiper-slide,
+.swiper-wrapper {
+  transform: translate3d(0px, 0, 0);
+}
+.swiper-container-multirow > .swiper-wrapper {
+  flex-wrap: wrap;
+}
+.swiper-container-multirow-column > .swiper-wrapper {
+  flex-wrap: wrap;
+  flex-direction: column;
+}
+.swiper-container-free-mode > .swiper-wrapper {
+  transition-timing-function: ease-out;
+  margin: 0 auto;
+}
+.swiper-container-pointer-events {
+  touch-action: pan-y;
+}
+.swiper-container-pointer-events.swiper-container-vertical {
+  touch-action: pan-x;
+}
+.swiper-slide {
+  flex-shrink: 0;
+  width: 100%;
+  height: 100%;
+  position: relative;
+  transition-property: transform;
+}
+.swiper-slide-invisible-blank {
+  visibility: hidden;
+}
+/* Auto Height */
+.swiper-container-autoheight,
+.swiper-container-autoheight .swiper-slide {
+  height: auto;
+}
+.swiper-container-autoheight .swiper-wrapper {
+  align-items: flex-start;
+  transition-property: transform, height;
+}
+/* 3D Effects */
+.swiper-container-3d {
+  perspective: 1200px;
+}
+.swiper-container-3d .swiper-wrapper,
+.swiper-container-3d .swiper-slide,
+.swiper-container-3d .swiper-slide-shadow-left,
+.swiper-container-3d .swiper-slide-shadow-right,
+.swiper-container-3d .swiper-slide-shadow-top,
+.swiper-container-3d .swiper-slide-shadow-bottom,
+.swiper-container-3d .swiper-cube-shadow {
+  transform-style: preserve-3d;
+}
+.swiper-container-3d .swiper-slide-shadow-left,
+.swiper-container-3d .swiper-slide-shadow-right,
+.swiper-container-3d .swiper-slide-shadow-top,
+.swiper-container-3d .swiper-slide-shadow-bottom {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  pointer-events: none;
+  z-index: 10;
+}
+.swiper-container-3d .swiper-slide-shadow-left {
+  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+}
+.swiper-container-3d .swiper-slide-shadow-right {
+  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+}
+.swiper-container-3d .swiper-slide-shadow-top {
+  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+}
+.swiper-container-3d .swiper-slide-shadow-bottom {
+  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
+}
+/* CSS Mode */
+.swiper-container-css-mode > .swiper-wrapper {
+  overflow: auto;
+  scrollbar-width: none;
+  /* For Firefox */
+  -ms-overflow-style: none;
+  /* For Internet Explorer and Edge */
+}
+.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
+  display: none;
+}
+.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
+  scroll-snap-align: start start;
+}
+.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
+  scroll-snap-type: x mandatory;
+}
+.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
+  scroll-snap-type: y mandatory;
+}
+:root {
+  --swiper-navigation-size: 44px;
+  /*
+  --swiper-navigation-color: var(--swiper-theme-color);
+  */
+}
+.swiper-button-prev,
+.swiper-button-next {
+  position: absolute;
+  top: 50%;
+  width: calc(var(--swiper-navigation-size) / 44 * 27);
+  height: var(--swiper-navigation-size);
+  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
+  z-index: 10;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--swiper-navigation-color, var(--swiper-theme-color));
+}
+.swiper-button-prev.swiper-button-disabled,
+.swiper-button-next.swiper-button-disabled {
+  opacity: 0.35;
+  cursor: auto;
+  pointer-events: none;
+}
+.swiper-button-prev:after,
+.swiper-button-next:after {
+  font-family: swiper-icons;
+  font-size: var(--swiper-navigation-size);
+  text-transform: none !important;
+  letter-spacing: 0;
+  text-transform: none;
+  font-variant: initial;
+  line-height: 1;
+}
+.swiper-button-prev,
+.swiper-container-rtl .swiper-button-next {
+  left: 10px;
+  right: auto;
+}
+.swiper-button-prev:after,
+.swiper-container-rtl .swiper-button-next:after {
+  content: 'prev';
+}
+.swiper-button-next,
+.swiper-container-rtl .swiper-button-prev {
+  right: 10px;
+  left: auto;
+}
+.swiper-button-next:after,
+.swiper-container-rtl .swiper-button-prev:after {
+  content: 'next';
+}
+.swiper-button-prev.swiper-button-white,
+.swiper-button-next.swiper-button-white {
+  --swiper-navigation-color: #ffffff;
+}
+.swiper-button-prev.swiper-button-black,
+.swiper-button-next.swiper-button-black {
+  --swiper-navigation-color: #000000;
+}
+.swiper-button-lock {
+  display: none;
+}
+:root {
+  /*
+  --swiper-pagination-color: var(--swiper-theme-color);
+  */
+}
+.swiper-pagination {
+  position: absolute;
+  text-align: center;
+  transition: 300ms opacity;
+  transform: translate3d(0, 0, 0);
+  z-index: 10;
+}
+.swiper-pagination.swiper-pagination-hidden {
+  opacity: 0;
+}
+/* Common Styles */
+.swiper-pagination-fraction,
+.swiper-pagination-custom,
+.swiper-container-horizontal > .swiper-pagination-bullets {
+  bottom: 10px;
+  left: 0;
+  width: 100%;
+}
+/* Bullets */
+.swiper-pagination-bullets-dynamic {
+  overflow: hidden;
+  font-size: 0;
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+  transform: scale(0.33);
+  position: relative;
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
+  transform: scale(1);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
+  transform: scale(1);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
+  transform: scale(0.66);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
+  transform: scale(0.33);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
+  transform: scale(0.66);
+}
+.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
+  transform: scale(0.33);
+}
+.swiper-pagination-bullet {
+  width: 8px;
+  height: 8px;
+  display: inline-block;
+  border-radius: 50%;
+  background: #000;
+  opacity: 0.2;
+}
+button.swiper-pagination-bullet {
+  border: none;
+  margin: 0;
+  padding: 0;
+  box-shadow: none;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+}
+.swiper-pagination-clickable .swiper-pagination-bullet {
+  cursor: pointer;
+}
+.swiper-pagination-bullet-active {
+  opacity: 1;
+  background: var(--swiper-pagination-color, var(--swiper-theme-color));
+}
+.swiper-container-vertical > .swiper-pagination-bullets {
+  right: 10px;
+  top: 50%;
+  transform: translate3d(0px, -50%, 0);
+}
+.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
+  margin: 6px 0;
+  display: block;
+}
+.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
+  top: 50%;
+  transform: translateY(-50%);
+  width: 8px;
+}
+.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+  display: inline-block;
+  transition: 200ms transform, 200ms top;
+}
+.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
+  margin: 0 4px;
+}
+.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
+  left: 50%;
+  transform: translateX(-50%);
+  white-space: nowrap;
+}
+.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+  transition: 200ms transform, 200ms left;
+}
+.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
+  transition: 200ms transform, 200ms right;
+}
+/* Progress */
+.swiper-pagination-progressbar {
+  background: rgba(0, 0, 0, 0.25);
+  position: absolute;
+}
+.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
+  background: var(--swiper-pagination-color, var(--swiper-theme-color));
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  transform: scale(0);
+  transform-origin: left top;
+}
+.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
+  transform-origin: right top;
+}
+.swiper-container-horizontal > .swiper-pagination-progressbar,
+.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
+  width: 100%;
+  height: 4px;
+  left: 0;
+  top: 0;
+}
+.swiper-container-vertical > .swiper-pagination-progressbar,
+.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
+  width: 4px;
+  height: 100%;
+  left: 0;
+  top: 0;
+}
+.swiper-pagination-white {
+  --swiper-pagination-color: #ffffff;
+}
+.swiper-pagination-black {
+  --swiper-pagination-color: #000000;
+}
+.swiper-pagination-lock {
+  display: none;
+}
+/* Scrollbar */
+.swiper-scrollbar {
+  border-radius: 10px;
+  position: relative;
+  -ms-touch-action: none;
+  background: rgba(0, 0, 0, 0.1);
+}
+.swiper-container-horizontal > .swiper-scrollbar {
+  position: absolute;
+  left: 1%;
+  bottom: 3px;
+  z-index: 50;
+  height: 5px;
+  width: 98%;
+}
+.swiper-container-vertical > .swiper-scrollbar {
+  position: absolute;
+  right: 3px;
+  top: 1%;
+  z-index: 50;
+  width: 5px;
+  height: 98%;
+}
+.swiper-scrollbar-drag {
+  height: 100%;
+  width: 100%;
+  position: relative;
+  background: rgba(0, 0, 0, 0.5);
+  border-radius: 10px;
+  left: 0;
+  top: 0;
+}
+.swiper-scrollbar-cursor-drag {
+  cursor: move;
+}
+.swiper-scrollbar-lock {
+  display: none;
+}
+.swiper-zoom-container {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+}
+.swiper-zoom-container > img,
+.swiper-zoom-container > svg,
+.swiper-zoom-container > canvas {
+  max-width: 100%;
+  max-height: 100%;
+  object-fit: contain;
+}
+.swiper-slide-zoomed {
+  cursor: move;
+}
+/* Preloader */
+:root {
+  /*
+  --swiper-preloader-color: var(--swiper-theme-color);
+  */
+}
+.swiper-lazy-preloader {
+  width: 42px;
+  height: 42px;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  margin-left: -21px;
+  margin-top: -21px;
+  z-index: 10;
+  transform-origin: 50%;
+  animation: swiper-preloader-spin 1s infinite linear;
+  box-sizing: border-box;
+  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
+  border-radius: 50%;
+  border-top-color: transparent;
+}
+.swiper-lazy-preloader-white {
+  --swiper-preloader-color: #fff;
+}
+.swiper-lazy-preloader-black {
+  --swiper-preloader-color: #000;
+}
+@keyframes swiper-preloader-spin {
+  100% {
+    transform: rotate(360deg);
+  }
+}
+/* a11y */
+.swiper-container .swiper-notification {
+  position: absolute;
+  left: 0;
+  top: 0;
+  pointer-events: none;
+  opacity: 0;
+  z-index: -1000;
+}
+.swiper-container-fade.swiper-container-free-mode .swiper-slide {
+  transition-timing-function: ease-out;
+}
+.swiper-container-fade .swiper-slide {
+  pointer-events: none;
+  transition-property: opacity;
+}
+.swiper-container-fade .swiper-slide .swiper-slide {
+  pointer-events: none;
+}
+.swiper-container-fade .swiper-slide-active,
+.swiper-container-fade .swiper-slide-active .swiper-slide-active {
+  pointer-events: auto;
+}
+.swiper-container-cube {
+  overflow: visible;
+}
+.swiper-container-cube .swiper-slide {
+  pointer-events: none;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
+  z-index: 1;
+  visibility: hidden;
+  transform-origin: 0 0;
+  width: 100%;
+  height: 100%;
+}
+.swiper-container-cube .swiper-slide .swiper-slide {
+  pointer-events: none;
+}
+.swiper-container-cube.swiper-container-rtl .swiper-slide {
+  transform-origin: 100% 0;
+}
+.swiper-container-cube .swiper-slide-active,
+.swiper-container-cube .swiper-slide-active .swiper-slide-active {
+  pointer-events: auto;
+}
+.swiper-container-cube .swiper-slide-active,
+.swiper-container-cube .swiper-slide-next,
+.swiper-container-cube .swiper-slide-prev,
+.swiper-container-cube .swiper-slide-next + .swiper-slide {
+  pointer-events: auto;
+  visibility: visible;
+}
+.swiper-container-cube .swiper-slide-shadow-top,
+.swiper-container-cube .swiper-slide-shadow-bottom,
+.swiper-container-cube .swiper-slide-shadow-left,
+.swiper-container-cube .swiper-slide-shadow-right {
+  z-index: 0;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
+}
+.swiper-container-cube .swiper-cube-shadow {
+  position: absolute;
+  left: 0;
+  bottom: 0px;
+  width: 100%;
+  height: 100%;
+  opacity: 0.6;
+  z-index: 0;
+}
+.swiper-container-cube .swiper-cube-shadow:before {
+  content: '';
+  background: #000;
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  -webkit-filter: blur(50px);
+  filter: blur(50px);
+}
+.swiper-container-flip {
+  overflow: visible;
+}
+.swiper-container-flip .swiper-slide {
+  pointer-events: none;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
+  z-index: 1;
+}
+.swiper-container-flip .swiper-slide .swiper-slide {
+  pointer-events: none;
+}
+.swiper-container-flip .swiper-slide-active,
+.swiper-container-flip .swiper-slide-active .swiper-slide-active {
+  pointer-events: auto;
+}
+.swiper-container-flip .swiper-slide-shadow-top,
+.swiper-container-flip .swiper-slide-shadow-bottom,
+.swiper-container-flip .swiper-slide-shadow-left,
+.swiper-container-flip .swiper-slide-shadow-right {
+  z-index: 0;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
+}

历届学生/逯帅帅/项目开发/上课项目/屁桃儿/css/utils/ydui.flexible.js

@@ -0,0 +1,2 @@
+/*! YDUI Touch v0.0.1 by YDCSS (c) 2017 Licensed MIT */ 
+!function(e){var t=750,n=e.document,i=n.documentElement,a="orientationchange"in e?"orientationchange":"resize",d=function o(){var e=i.getBoundingClientRect().width;return i.style.fontSize=5*Math.max(Math.min(20*(e/t),11.2),8.55)+"px",o}();i.setAttribute("data-dpr",e.navigator.appVersion.match(/iphone/gi)?e.devicePixelRatio:1),/iP(hone|od|ad)/.test(e.navigator.userAgent)&&(n.documentElement.classList.add("ios"),parseInt(e.navigator.appVersion.match(/OS (\d+)_(\d+)_?(\d+)?/)[1],10)>=8&&n.documentElement.classList.add("hairline")),n.addEventListener&&(e.addEventListener(a,d,!1),n.addEventListener("DOMContentLoaded",d,!1))}(window);