first commit

历届学生/18课程/class18_2/项目/上课项目/枸杞社/css/clear.css

@@ -0,0 +1,22 @@
+body,ul,li,h1,h2,h3,h4,h5,h6,p,a {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    text-decoration: none;
+}
+a {
+    text-decoration: none;
+    color: #000;
+    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+	-webkit-user-select: none;
+	-moz-user-focus: none;
+    -moz-user-select: none;
+}
+input {
+    outline: none;
+    border: none;
+}
+
+img {
+    width: 100%;
+}

历届学生/18课程/class18_2/项目/上课项目/枸杞社/css/editClass.css

@@ -0,0 +1,25 @@
+.chioose {
+    margin-top: 0.3rem;
+}
+.chioose p {
+    font-size: 0.24rem;
+    margin-bottom: 0.14rem;
+    color: #666;
+}
+.chiooseWrap {
+    display: flex;
+    flex-wrap: wrap;
+}
+.chiooseWrap li{
+    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;
+}
+.chiooseWrap li:nth-child(4n) {
+    margin-right: 0 !important;
+}

历届学生/18课程/class18_2/项目/上课项目/枸杞社/css/home.css

@@ -0,0 +1,83 @@
+.header {
+    height: 1.6rem;
+    position: fixed;
+    top: 0;
+    width: 100%;
+    left: 0;
+    z-index: 9;
+}
+.header_search {
+    padding: 0 0.3rem;
+    height: 0.88rem;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+.header_search i {
+    font-size: 0.45rem;
+    color: #fff;
+}
+.search {
+    flex: 1;
+    background: #fff;
+    height: 0.6rem;
+    border-radius: 0.6rem;
+    display: flex;
+    align-items: center;
+    box-sizing: border-box;
+    padding-left: 0.3rem;
+    margin: 0 0.2rem;
+}
+.search span {
+    font-size: 0.24em;
+    color: #999;
+}
+.search i{
+    color: #999;
+    font-size: 0.26rem;
+    margin-right: 0.1rem;
+    padding-top: 0.02rem;
+}
+.header_menu {
+    height: 0.72rem;
+    display: flex;
+    background: #fe7fa2;
+    align-items: center;
+    padding: 0 0.3rem;
+}
+.header_menu ul {
+    display: flex;
+    overflow-x: scroll;
+    height: 100%;
+    align-items: center;
+    flex: 1;
+    margin-right: 0.3rem;
+}
+.header_menu li {
+    font-size: 0.26rem;
+    flex-shrink: 0;
+    margin-right: 0.26rem;
+    color: #d3d2d2;
+}
+.header_menu a {
+    color: #fff;
+    font-size: 18px;
+}
+.header_menu .active {
+    color: #fff !important;
+}
+.content {
+    margin-top: 1.6rem;
+}
+.modelList {
+    overflow-x: hidden;
+}
+.swiper-slide {
+    height: calc(100vh - 1.6rem - 1rem);
+    overflow-y: scroll;
+}
+.swiper-wrapper,
+.swiper-slide {
+    width: 100%;
+    flex-shrink: 0;
+}

历届学生/18课程/class18_2/项目/上课项目/枸杞社/css/info.css

@@ -0,0 +1,45 @@
+.info {
+    width: 100%;
+}
+.ddd {
+    font-size: 0;
+}
+.info img {
+    width: 100%;
+    height: auto;
+}
+
+.info figure {
+    display: block;
+    margin: 0;
+    width: 100%;
+    font-size: 0;
+}
+
+.info figcaption {
+    display: none;
+}
+.info .info_item{
+    margin-bottom: 0.3rem;
+}
+.info_item p{
+    font-size: 0.24rem;
+    color: #8e8e8e;
+    text-align: center;
+    margin-bottom: 0.1rem;
+}
+.info_item img{
+    width: 100%;
+}
+
+.icon-xin {
+
+}
+.next_page {
+    display: inline-block;
+    font-size: 0.4rem;
+    margin-top: 0.2rem;
+    color: #fb7299;
+    width: 100%;
+    text-align: center;
+}

历届学生/18课程/class18_2/项目/上课项目/枸杞社/css/mechanism.css

@@ -0,0 +1,23 @@
+.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;
+}

历届学生/18课程/class18_2/项目/上课项目/枸杞社/css/model.css

@@ -0,0 +1 @@
+

历届学生/18课程/class18_2/项目/上课项目/枸杞社/css/my.css

@@ -0,0 +1,44 @@
+.header_my {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 4rem;
+    flex-direction: column;
+}
+.header_my i{
+    font-size: 1.2rem;
+    margin-bottom: 0.2rem;
+    color: #fff;
+}
+.header_my p{
+    font-size: 0.32rem;
+    color: #fff;
+}
+.setting_list {
+    margin-top: 0.2rem;
+}
+.list_item:active {
+    background: #e6e6e6;;
+}
+.list_item a{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 0.3rem;
+    height: 0.96rem;
+}
+.item_left {
+    display: flex;
+    align-items: center;
+}
+.item_left .iconfont{
+    font-size: 0.4rem;
+    margin-right: 0.2rem;
+}
+.item_left span{
+    font-size: 0.3rem;
+}
+.icon-qianjin-tongyong {
+    font-size: 0.28rem;
+    color: #c3c0c0;
+}

历届学生/18课程/class18_2/项目/上课项目/枸杞社/css/public.css

@@ -0,0 +1,193 @@
+.theme_color {
+    background: #fb7299;
+}
+.padding_30 {
+    padding: 0.3rem 0.3rem 0 0.3rem;
+}
+.padding_left_30 {
+    padding: 0 0.3rem;
+}
+
+/* 底部样式 */
+.footer {
+    position: fixed;
+    width: 100%;
+    background: #fff;
+    height: 1rem;
+    bottom: 0;
+}
+.footer ul{
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    height: 100%;
+    border-top: 0.02rem solid #e8ebec;
+    box-sizing: border-box;
+    padding-top: 0.1rem;
+}
+.footer ul li a{
+    display: flex;
+    flex-direction: column;
+    text-align: center;
+}
+.footer ul li i{
+    font-size: 0.3rem;
+    margin-bottom: 0.08rem;
+}
+.footer ul li span{
+    font-size: 0.24rem;
+}
+.footer_active i {
+    color: #fb7299;
+}
+.footer_active span {
+    color: #fb7299;
+}
+
+.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: 0;
+}
+.header_theme1 i {
+    color: #fff;
+    margin-right: 0.2rem;
+}
+.header_theme1 span {
+    color: #fff;
+    font-size: 0.32rem;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.content_theme1 {
+    padding-top: 0.9rem;
+    padding-bottom: 1rem;
+}
+
+.content_info {
+    padding-top: 0.9rem;
+}
+
+.item_list .title {
+    font-size: 0.34rem;
+    color: #333;
+    margin-bottom: 0.26rem;
+    margin-top: 0.3rem;
+}
+
+.modeList {
+    display: flex;
+    flex-wrap: wrap;
+    margin: 10px 0;
+    margin-top: 15px;
+}
+.modeList li {
+    width: 25%;
+    text-align: center;
+    margin-bottom: 0.3rem;
+}
+.modeList li p {
+    font-size: 0.24rem;
+    color: #7e7979;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+.modeList li .top{
+    position: relative;
+}
+.modeList li .top img{
+    width: 1.2rem;
+    height: 1.2rem;
+    border-radius: 100%;
+}
+.modeList li .top 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;
+}
+
+
+.newList .title,
+.recommended .title{
+    font-size: 0.34rem;
+    color: #333;
+    margin-bottom: 0.26rem;
+}
+.newList .title i ,
+.recommended .title i{
+    color: #fb7299;
+}
+.newList ul ,
+.recommended ul{
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+}
+.newList ul li,
+.recommended ul li{
+    width: 48%;
+    margin-bottom: 0.3rem;
+}
+.newList_img {
+    position: relative;
+}
+.newList_img img {
+    width: 100%;
+    height: 100%;
+    border-radius: 0.1rem;
+}
+.newList_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;
+}
+.newList_text .t{
+    color: #333;
+    font-size: 0.3rem;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    margin-bottom: 0.08rem;
+}
+.newList_text .source{
+    color: #666;
+    font-size: 0.26rem;
+    margin-bottom: 0.02rem;
+}
+.newList_text .tags{
+    display: flex;
+    flex-wrap: wrap;
+    margin-top: 0.08rem;
+}
+.newList_text .tags .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;
+}

历届学生/18课程/class18_2/项目/上课项目/枸杞社/css/swiper.css

@@ -0,0 +1,74 @@
+.main {
+    width: 520px;
+    height: 280px;
+    margin: 40px auto;
+}
+@font-face {font-family: "iconfont";
+    src: url('http://at.alicdn.com/t/font_2269051_qnai6klgxf.eot?t=1608534888851'); /* IE9 */
+    src: url('http://at.alicdn.com/t/font_2269051_qnai6klgxf.eot?t=1608534888851#iefix') format('embedded-opentype'), /* IE6-IE8 */
+    url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
+    url('http://at.alicdn.com/t/font_2269051_qnai6klgxf.woff?t=1608534888851') format('woff'),
+    url('http://at.alicdn.com/t/font_2269051_qnai6klgxf.ttf?t=1608534888851') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+    url('http://at.alicdn.com/t/font_2269051_qnai6klgxf.svg?t=1608534888851#iconfont') format('svg'); /* iOS 4.1- */
+}
+
+.iconfont {
+    font-family: "iconfont" !important;
+    font-size: 16px;
+    font-style: normal;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-bangzhujinru:before {
+    content: "\e64e";
+}
+
+.icon-back:before {
+    content: "\e608";
+}
+
+.swiper-container {
+    height: 100%;
+    overflow-x: hidden;
+    position: relative;
+}
+.swiper-wrapper {
+    display: flex;
+}
+.swiper-pagination {
+    position: absolute;
+    display: flex;
+    z-index: 99;
+    bottom: 20px;
+    left: 50%;
+    transform: translateX(-50%);
+}
+.swiper-pagination-dot {
+    width: 15px;
+    height: 15px;
+    background: #fff;
+    border-radius: 100%;
+    margin-right: 10px;
+    cursor: pointer;
+}
+.dot-active {
+    background: red;
+}
+.swiper-button-prev {
+    left: 10px;
+}
+.swiper-button-next {
+    right: 10px;
+}
+.swiper-button-prev,
+.swiper-button-next{
+    cursor: pointer;
+    font-size: 25px;
+    color: white;
+    padding: 5px 2px;
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    background: rgba(0,0,0,.3);
+}