[{"data":1,"prerenderedAt":1144},["ShallowReactive",2],{"blog-\u002Fblog\u002Fwechat_mini_program_swiper_plus_scroll_view_equals_what":3},{"id":4,"title":5,"body":6,"category":1131,"cover":1132,"csdn":1132,"date":1133,"description":5,"draft":1134,"extension":1135,"meta":1136,"navigation":276,"path":1137,"seo":1138,"stem":1139,"tags":1140,"updated":1132,"__hash__":1143},"blog\u002Fblog\u002Fwechat_mini_program_swiper_plus_scroll_view_equals_what.md","微信小程序 swiper + scroll-view = ？",{"type":7,"value":8,"toc":1117},"minimark",[9,14,22,26,31,36,41,44,49,53,365,713,1055,1058,1066,1076,1080,1084,1088,1096,1100,1110,1113],[10,11,13],"h2",{"id":12},"最近用-swiper-scroll-view-做了一个好玩的提升用户体验看下图","最近用 swiper + scroll-view 做了一个好玩的（提升用户体验）看下图",[15,16,17],"p",{},[18,19],"img",{"alt":20,"src":21},"在这里插入图片描述","https:\u002F\u002Fimg.moooodapp.com\u002Fweb_hongweizhu_com_blog\u002Fc378069bec003ec7c6ea35659641b411.gif",[10,23,25],{"id":24},"很多-app-中都有具体应用场景-微信小程序订单-淘宝首页-qq-音乐","很多 app 中都有具体应用场景 (微信小程序订单) (淘宝首页) (QQ 音乐)",[15,27,28],{},[18,29],{"alt":20,"src":30},"https:\u002F\u002Fimg.moooodapp.com\u002Fweb_hongweizhu_com_blog\u002F2a7e6b459ba93d604df13860498e41fb.png",[15,32,33],{},[18,34],{"alt":20,"src":35},"https:\u002F\u002Fimg.moooodapp.com\u002Fweb_hongweizhu_com_blog\u002F5eee25887683040c81ccc3d67d2089b5.png",[15,37,38],{},[18,39],{"alt":20,"src":40},"https:\u002F\u002Fimg.moooodapp.com\u002Fweb_hongweizhu_com_blog\u002F8e851872f098ff22cda6c35a32664adc.png",[10,42,43],{"id":43},"我在小程序中的应用",[15,45,46],{},[18,47],{"alt":20,"src":48},"https:\u002F\u002Fimg.moooodapp.com\u002Fweb_hongweizhu_com_blog\u002F3cc9d985e5c5ca02edee73999c9ac0e6.png",[10,50,52],{"id":51},"show-me-the-code","show me the code",[54,55,60],"pre",{"className":56,"code":57,"language":58,"meta":59,"style":59},"language-html shiki shiki-themes github-light","\u003Cview class=\"all\">\n  \u003Cview class=\"head-title\" bindtap=\"clickHead\">\n    \u003Cview class=\"{{headOneTitle}}\">A\u003C\u002Fview>\n    \u003Cview class=\"{{headTwoTitle}}\">B\u003C\u002Fview>\n  \u003C\u002Fview>\n  \u003Cswiper current=\"{{ currentNum }}\" bindchange=\"swiperChanged\">\n    \u003Cswiper-item>\n      \u003Cscroll-view scroll-y=\"true\">\n        \u003Cview>A\u003C\u002Fview>\n        \u003Cview>A\u003C\u002Fview>\n      \u003C\u002Fscroll-view>\n    \u003C\u002Fswiper-item>\n\n    \u003Cswiper-item>\n      \u003Cscroll-view scroll-y=\"true\">\n        \u003Cview>B\u003C\u002Fview>\n        \u003Cview>B\u003C\u002Fview>\n      \u003C\u002Fscroll-view>\n    \u003C\u002Fswiper-item>\n  \u003C\u002Fswiper>\n\u003C\u002Fview>\n","html","",[61,62,63,90,115,137,158,168,194,205,224,238,251,261,271,278,287,302,315,328,337,346,355],"code",{"__ignoreMap":59},[64,65,68,72,76,80,83,87],"span",{"class":66,"line":67},"line",1,[64,69,71],{"class":70},"sgsFI","\u003C",[64,73,75],{"class":74},"sB1qb","view",[64,77,79],{"class":78},"s7eDp"," class",[64,81,82],{"class":70},"=",[64,84,86],{"class":85},"sYBdl","\"all\"",[64,88,89],{"class":70},">\n",[64,91,93,96,98,100,102,105,108,110,113],{"class":66,"line":92},2,[64,94,95],{"class":70},"  \u003C",[64,97,75],{"class":74},[64,99,79],{"class":78},[64,101,82],{"class":70},[64,103,104],{"class":85},"\"head-title\"",[64,106,107],{"class":78}," bindtap",[64,109,82],{"class":70},[64,111,112],{"class":85},"\"clickHead\"",[64,114,89],{"class":70},[64,116,118,121,123,125,127,130,133,135],{"class":66,"line":117},3,[64,119,120],{"class":70},"    \u003C",[64,122,75],{"class":74},[64,124,79],{"class":78},[64,126,82],{"class":70},[64,128,129],{"class":85},"\"{{headOneTitle}}\"",[64,131,132],{"class":70},">A\u003C\u002F",[64,134,75],{"class":74},[64,136,89],{"class":70},[64,138,140,142,144,146,148,151,154,156],{"class":66,"line":139},4,[64,141,120],{"class":70},[64,143,75],{"class":74},[64,145,79],{"class":78},[64,147,82],{"class":70},[64,149,150],{"class":85},"\"{{headTwoTitle}}\"",[64,152,153],{"class":70},">B\u003C\u002F",[64,155,75],{"class":74},[64,157,89],{"class":70},[64,159,161,164,166],{"class":66,"line":160},5,[64,162,163],{"class":70},"  \u003C\u002F",[64,165,75],{"class":74},[64,167,89],{"class":70},[64,169,171,173,176,179,181,184,187,189,192],{"class":66,"line":170},6,[64,172,95],{"class":70},[64,174,175],{"class":74},"swiper",[64,177,178],{"class":78}," current",[64,180,82],{"class":70},[64,182,183],{"class":85},"\"{{ currentNum }}\"",[64,185,186],{"class":78}," bindchange",[64,188,82],{"class":70},[64,190,191],{"class":85},"\"swiperChanged\"",[64,193,89],{"class":70},[64,195,197,199,203],{"class":66,"line":196},7,[64,198,120],{"class":70},[64,200,202],{"class":201},"shJU0","swiper-item",[64,204,89],{"class":70},[64,206,208,211,214,217,219,222],{"class":66,"line":207},8,[64,209,210],{"class":70},"      \u003C",[64,212,213],{"class":201},"scroll-view",[64,215,216],{"class":78}," scroll-y",[64,218,82],{"class":70},[64,220,221],{"class":85},"\"true\"",[64,223,89],{"class":70},[64,225,227,230,232,234,236],{"class":66,"line":226},9,[64,228,229],{"class":70},"        \u003C",[64,231,75],{"class":74},[64,233,132],{"class":70},[64,235,75],{"class":74},[64,237,89],{"class":70},[64,239,241,243,245,247,249],{"class":66,"line":240},10,[64,242,229],{"class":70},[64,244,75],{"class":74},[64,246,132],{"class":70},[64,248,75],{"class":74},[64,250,89],{"class":70},[64,252,254,257,259],{"class":66,"line":253},11,[64,255,256],{"class":70},"      \u003C\u002F",[64,258,213],{"class":201},[64,260,89],{"class":70},[64,262,264,267,269],{"class":66,"line":263},12,[64,265,266],{"class":70},"    \u003C\u002F",[64,268,202],{"class":201},[64,270,89],{"class":70},[64,272,274],{"class":66,"line":273},13,[64,275,277],{"emptyLinePlaceholder":276},true,"\n",[64,279,281,283,285],{"class":66,"line":280},14,[64,282,120],{"class":70},[64,284,202],{"class":201},[64,286,89],{"class":70},[64,288,290,292,294,296,298,300],{"class":66,"line":289},15,[64,291,210],{"class":70},[64,293,213],{"class":201},[64,295,216],{"class":78},[64,297,82],{"class":70},[64,299,221],{"class":85},[64,301,89],{"class":70},[64,303,305,307,309,311,313],{"class":66,"line":304},16,[64,306,229],{"class":70},[64,308,75],{"class":74},[64,310,153],{"class":70},[64,312,75],{"class":74},[64,314,89],{"class":70},[64,316,318,320,322,324,326],{"class":66,"line":317},17,[64,319,229],{"class":70},[64,321,75],{"class":74},[64,323,153],{"class":70},[64,325,75],{"class":74},[64,327,89],{"class":70},[64,329,331,333,335],{"class":66,"line":330},18,[64,332,256],{"class":70},[64,334,213],{"class":201},[64,336,89],{"class":70},[64,338,340,342,344],{"class":66,"line":339},19,[64,341,266],{"class":70},[64,343,202],{"class":201},[64,345,89],{"class":70},[64,347,349,351,353],{"class":66,"line":348},20,[64,350,163],{"class":70},[64,352,175],{"class":74},[64,354,89],{"class":70},[64,356,358,361,363],{"class":66,"line":357},21,[64,359,360],{"class":70},"\u003C\u002F",[64,362,75],{"class":74},[64,364,89],{"class":70},[54,366,370],{"className":367,"code":368,"language":369,"meta":59,"style":59},"language-css shiki shiki-themes github-light",".all {\n  height: 100vh;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n}\n\n.bigTitle {\n  color: #fff;\n  background-color: #07c160;\n}\n\n.head-title {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-around;\n  align-items: center;\n  height: 100rpx;\n}\n\n.head-title view {\n  height: 100rpx;\n  line-height: 100rpx;\n  padding: 0 50rpx;\n}\n\nswiper {\n  \u002F* background-color: yellow; *\u002F\n  width: 100%;\n  flex: 1;\n}\n\nscroll-view {\n  background-color: red;\n  height: 100%;\n  width: 100%;\n}\n","css",[61,371,372,380,399,413,425,437,442,446,453,465,477,481,485,492,502,513,525,537,548,552,556,565,576,588,604,609,614,620,627,640,653,658,663,670,682,695,708],{"__ignoreMap":59},[64,373,374,377],{"class":66,"line":67},[64,375,376],{"class":78},".all",[64,378,379],{"class":70}," {\n",[64,381,382,386,389,392,396],{"class":66,"line":92},[64,383,385],{"class":384},"sYu0t","  height",[64,387,388],{"class":70},": ",[64,390,391],{"class":384},"100",[64,393,395],{"class":394},"sD7c4","vh",[64,397,398],{"class":70},";\n",[64,400,401,404,406,408,411],{"class":66,"line":117},[64,402,403],{"class":384},"  width",[64,405,388],{"class":70},[64,407,391],{"class":384},[64,409,410],{"class":394},"%",[64,412,398],{"class":70},[64,414,415,418,420,423],{"class":66,"line":139},[64,416,417],{"class":384},"  display",[64,419,388],{"class":70},[64,421,422],{"class":384},"flex",[64,424,398],{"class":70},[64,426,427,430,432,435],{"class":66,"line":160},[64,428,429],{"class":384},"  flex-direction",[64,431,388],{"class":70},[64,433,434],{"class":384},"column",[64,436,398],{"class":70},[64,438,439],{"class":66,"line":170},[64,440,441],{"class":70},"}\n",[64,443,444],{"class":66,"line":196},[64,445,277],{"emptyLinePlaceholder":276},[64,447,448,451],{"class":66,"line":207},[64,449,450],{"class":78},".bigTitle",[64,452,379],{"class":70},[64,454,455,458,460,463],{"class":66,"line":226},[64,456,457],{"class":384},"  color",[64,459,388],{"class":70},[64,461,462],{"class":384},"#fff",[64,464,398],{"class":70},[64,466,467,470,472,475],{"class":66,"line":240},[64,468,469],{"class":384},"  background-color",[64,471,388],{"class":70},[64,473,474],{"class":384},"#07c160",[64,476,398],{"class":70},[64,478,479],{"class":66,"line":253},[64,480,441],{"class":70},[64,482,483],{"class":66,"line":263},[64,484,277],{"emptyLinePlaceholder":276},[64,486,487,490],{"class":66,"line":273},[64,488,489],{"class":78},".head-title",[64,491,379],{"class":70},[64,493,494,496,498,500],{"class":66,"line":280},[64,495,417],{"class":384},[64,497,388],{"class":70},[64,499,422],{"class":384},[64,501,398],{"class":70},[64,503,504,506,508,511],{"class":66,"line":289},[64,505,429],{"class":384},[64,507,388],{"class":70},[64,509,510],{"class":384},"row",[64,512,398],{"class":70},[64,514,515,518,520,523],{"class":66,"line":304},[64,516,517],{"class":384},"  justify-content",[64,519,388],{"class":70},[64,521,522],{"class":384},"space-around",[64,524,398],{"class":70},[64,526,527,530,532,535],{"class":66,"line":317},[64,528,529],{"class":384},"  align-items",[64,531,388],{"class":70},[64,533,534],{"class":384},"center",[64,536,398],{"class":70},[64,538,539,541,543,545],{"class":66,"line":330},[64,540,385],{"class":384},[64,542,388],{"class":70},[64,544,391],{"class":384},[64,546,547],{"class":70},"rpx;\n",[64,549,550],{"class":66,"line":339},[64,551,441],{"class":70},[64,553,554],{"class":66,"line":348},[64,555,277],{"emptyLinePlaceholder":276},[64,557,558,560,563],{"class":66,"line":357},[64,559,489],{"class":78},[64,561,562],{"class":201}," view",[64,564,379],{"class":70},[64,566,568,570,572,574],{"class":66,"line":567},22,[64,569,385],{"class":384},[64,571,388],{"class":70},[64,573,391],{"class":384},[64,575,547],{"class":70},[64,577,579,582,584,586],{"class":66,"line":578},23,[64,580,581],{"class":384},"  line-height",[64,583,388],{"class":70},[64,585,391],{"class":384},[64,587,547],{"class":70},[64,589,591,594,596,599,602],{"class":66,"line":590},24,[64,592,593],{"class":384},"  padding",[64,595,388],{"class":70},[64,597,598],{"class":384},"0",[64,600,601],{"class":384}," 50",[64,603,547],{"class":70},[64,605,607],{"class":66,"line":606},25,[64,608,441],{"class":70},[64,610,612],{"class":66,"line":611},26,[64,613,277],{"emptyLinePlaceholder":276},[64,615,617],{"class":66,"line":616},27,[64,618,619],{"class":70},"swiper {\n",[64,621,623],{"class":66,"line":622},28,[64,624,626],{"class":625},"sAwPA","  \u002F* background-color: yellow; *\u002F\n",[64,628,630,632,634,636,638],{"class":66,"line":629},29,[64,631,403],{"class":384},[64,633,388],{"class":70},[64,635,391],{"class":384},[64,637,410],{"class":394},[64,639,398],{"class":70},[64,641,643,646,648,651],{"class":66,"line":642},30,[64,644,645],{"class":384},"  flex",[64,647,388],{"class":70},[64,649,650],{"class":384},"1",[64,652,398],{"class":70},[64,654,656],{"class":66,"line":655},31,[64,657,441],{"class":70},[64,659,661],{"class":66,"line":660},32,[64,662,277],{"emptyLinePlaceholder":276},[64,664,666,668],{"class":66,"line":665},33,[64,667,213],{"class":201},[64,669,379],{"class":70},[64,671,673,675,677,680],{"class":66,"line":672},34,[64,674,469],{"class":384},[64,676,388],{"class":70},[64,678,679],{"class":384},"red",[64,681,398],{"class":70},[64,683,685,687,689,691,693],{"class":66,"line":684},35,[64,686,385],{"class":384},[64,688,388],{"class":70},[64,690,391],{"class":384},[64,692,410],{"class":394},[64,694,398],{"class":70},[64,696,698,700,702,704,706],{"class":66,"line":697},36,[64,699,403],{"class":384},[64,701,388],{"class":70},[64,703,391],{"class":384},[64,705,410],{"class":394},[64,707,398],{"class":70},[64,709,711],{"class":66,"line":710},37,[64,712,441],{"class":70},[54,714,718],{"className":715,"code":716,"language":717,"meta":59,"style":59},"language-js shiki shiki-themes github-light","Page({\n  data: {\n    headOneTitle: \"bigTitle\",\n    headTwoTitle: \"\",\n    currentNum: 0,\n  },\n\n  \u002F\u002F 设置　head title style\n  setHeadTitle: function (a) {\n    console.log(a);\n\n    if (a) {\n      this.setData({\n        headOneTitle: \"\",\n        headTwoTitle: \"bigTitle\",\n      });\n    } else {\n      this.setData({\n        headOneTitle: \"bigTitle\",\n        headTwoTitle: \"\",\n      });\n    }\n  },\n\n  swiperChanged: function (e) {\n    let a = e.detail.current;\n    this.setHeadTitle(a);\n  },\n\n  clickHead: function () {\n    if (!this.data.headOneTitle) {\n      this.setData({\n        currentNum: 0,\n      });\n    } else {\n      this.setData({\n        currentNum: 1,\n      });\n    }\n  },\n});\n","js",[61,719,720,728,733,744,754,763,768,772,777,797,808,812,820,833,842,851,856,866,876,884,892,896,901,905,909,925,938,950,954,958,970,985,995,1004,1008,1016,1026,1034,1039,1044,1049],{"__ignoreMap":59},[64,721,722,725],{"class":66,"line":67},[64,723,724],{"class":78},"Page",[64,726,727],{"class":70},"({\n",[64,729,730],{"class":66,"line":92},[64,731,732],{"class":70},"  data: {\n",[64,734,735,738,741],{"class":66,"line":117},[64,736,737],{"class":70},"    headOneTitle: ",[64,739,740],{"class":85},"\"bigTitle\"",[64,742,743],{"class":70},",\n",[64,745,746,749,752],{"class":66,"line":139},[64,747,748],{"class":70},"    headTwoTitle: ",[64,750,751],{"class":85},"\"\"",[64,753,743],{"class":70},[64,755,756,759,761],{"class":66,"line":160},[64,757,758],{"class":70},"    currentNum: ",[64,760,598],{"class":384},[64,762,743],{"class":70},[64,764,765],{"class":66,"line":170},[64,766,767],{"class":70},"  },\n",[64,769,770],{"class":66,"line":196},[64,771,277],{"emptyLinePlaceholder":276},[64,773,774],{"class":66,"line":207},[64,775,776],{"class":625},"  \u002F\u002F 设置　head title style\n",[64,778,779,782,784,787,790,794],{"class":66,"line":226},[64,780,781],{"class":78},"  setHeadTitle",[64,783,388],{"class":70},[64,785,786],{"class":394},"function",[64,788,789],{"class":70}," (",[64,791,793],{"class":792},"sqxcx","a",[64,795,796],{"class":70},") {\n",[64,798,799,802,805],{"class":66,"line":240},[64,800,801],{"class":70},"    console.",[64,803,804],{"class":78},"log",[64,806,807],{"class":70},"(a);\n",[64,809,810],{"class":66,"line":253},[64,811,277],{"emptyLinePlaceholder":276},[64,813,814,817],{"class":66,"line":263},[64,815,816],{"class":394},"    if",[64,818,819],{"class":70}," (a) {\n",[64,821,822,825,828,831],{"class":66,"line":273},[64,823,824],{"class":384},"      this",[64,826,827],{"class":70},".",[64,829,830],{"class":78},"setData",[64,832,727],{"class":70},[64,834,835,838,840],{"class":66,"line":280},[64,836,837],{"class":70},"        headOneTitle: ",[64,839,751],{"class":85},[64,841,743],{"class":70},[64,843,844,847,849],{"class":66,"line":289},[64,845,846],{"class":70},"        headTwoTitle: ",[64,848,740],{"class":85},[64,850,743],{"class":70},[64,852,853],{"class":66,"line":304},[64,854,855],{"class":70},"      });\n",[64,857,858,861,864],{"class":66,"line":317},[64,859,860],{"class":70},"    } ",[64,862,863],{"class":394},"else",[64,865,379],{"class":70},[64,867,868,870,872,874],{"class":66,"line":330},[64,869,824],{"class":384},[64,871,827],{"class":70},[64,873,830],{"class":78},[64,875,727],{"class":70},[64,877,878,880,882],{"class":66,"line":339},[64,879,837],{"class":70},[64,881,740],{"class":85},[64,883,743],{"class":70},[64,885,886,888,890],{"class":66,"line":348},[64,887,846],{"class":70},[64,889,751],{"class":85},[64,891,743],{"class":70},[64,893,894],{"class":66,"line":357},[64,895,855],{"class":70},[64,897,898],{"class":66,"line":567},[64,899,900],{"class":70},"    }\n",[64,902,903],{"class":66,"line":578},[64,904,767],{"class":70},[64,906,907],{"class":66,"line":590},[64,908,277],{"emptyLinePlaceholder":276},[64,910,911,914,916,918,920,923],{"class":66,"line":606},[64,912,913],{"class":78},"  swiperChanged",[64,915,388],{"class":70},[64,917,786],{"class":394},[64,919,789],{"class":70},[64,921,922],{"class":792},"e",[64,924,796],{"class":70},[64,926,927,930,933,935],{"class":66,"line":611},[64,928,929],{"class":394},"    let",[64,931,932],{"class":70}," a ",[64,934,82],{"class":394},[64,936,937],{"class":70}," e.detail.current;\n",[64,939,940,943,945,948],{"class":66,"line":616},[64,941,942],{"class":384},"    this",[64,944,827],{"class":70},[64,946,947],{"class":78},"setHeadTitle",[64,949,807],{"class":70},[64,951,952],{"class":66,"line":622},[64,953,767],{"class":70},[64,955,956],{"class":66,"line":629},[64,957,277],{"emptyLinePlaceholder":276},[64,959,960,963,965,967],{"class":66,"line":642},[64,961,962],{"class":78},"  clickHead",[64,964,388],{"class":70},[64,966,786],{"class":394},[64,968,969],{"class":70}," () {\n",[64,971,972,974,976,979,982],{"class":66,"line":655},[64,973,816],{"class":394},[64,975,789],{"class":70},[64,977,978],{"class":394},"!",[64,980,981],{"class":384},"this",[64,983,984],{"class":70},".data.headOneTitle) {\n",[64,986,987,989,991,993],{"class":66,"line":660},[64,988,824],{"class":384},[64,990,827],{"class":70},[64,992,830],{"class":78},[64,994,727],{"class":70},[64,996,997,1000,1002],{"class":66,"line":665},[64,998,999],{"class":70},"        currentNum: ",[64,1001,598],{"class":384},[64,1003,743],{"class":70},[64,1005,1006],{"class":66,"line":672},[64,1007,855],{"class":70},[64,1009,1010,1012,1014],{"class":66,"line":684},[64,1011,860],{"class":70},[64,1013,863],{"class":394},[64,1015,379],{"class":70},[64,1017,1018,1020,1022,1024],{"class":66,"line":697},[64,1019,824],{"class":384},[64,1021,827],{"class":70},[64,1023,830],{"class":78},[64,1025,727],{"class":70},[64,1027,1028,1030,1032],{"class":66,"line":710},[64,1029,999],{"class":70},[64,1031,650],{"class":384},[64,1033,743],{"class":70},[64,1035,1037],{"class":66,"line":1036},38,[64,1038,855],{"class":70},[64,1040,1042],{"class":66,"line":1041},39,[64,1043,900],{"class":70},[64,1045,1047],{"class":66,"line":1046},40,[64,1048,767],{"class":70},[64,1050,1052],{"class":66,"line":1051},41,[64,1053,1054],{"class":70},"});\n",[10,1056,1057],{"id":1057},"用户体验上",[15,1059,1060,1063],{},[18,1061],{"alt":20,"src":1062},"https:\u002F\u002Fimg.moooodapp.com\u002Fweb_hongweizhu_com_blog\u002Fcfebc4b281e997786a01aa2b15d834f7.png",[18,1064],{"alt":20,"src":1065},"https:\u002F\u002Fimg.moooodapp.com\u002Fweb_hongweizhu_com_blog\u002F68b31601948e0f09abca3bce1190bd7a.png",[10,1067,1069,1070],{"id":1068},"我的个人网站-点击访问","我的个人网站 --> ",[793,1071,1075],{"href":1072,"rel":1073},"https:\u002F\u002Fhongweizhu.com",[1074],"nofollow","点击访问",[10,1077,1079],{"id":1078},"end","END",[10,1081,1083],{"id":1082},"写完这个博客发现-csdn-上早有分享","写完这个博客，发现 csdn 上早有分享",[10,1085,1087],{"id":1086},"_2021-02-21-改了一个三个的html-css-js-我就不分开了","2021-02-21 改了一个三个的（html css js 我就不分开了）",[54,1089,1094],{"className":1090,"code":1092,"language":1093},[1091],"language-text","\u003Cview class=\"all\">\n\n    \u003Cview class=\"head\" bindtap=\"onClickHead\">\n        \u003Cblock wx:for=\"{{ list }}\" wx:key=\"_id\">\n            \u003Cview class=\"{{ item.active ? 'green' : '' }}\" data-index=\"{{ item.id }}\">{{ item.title }}\u003C\u002Fview>\n        \u003C\u002Fblock>\n    \u003C\u002Fview>\n\n    \u003Cswiper current=\"{{ currentNum }}\" bindchange=\"swiperChanged\">\n        \u003Cswiper-item>\n            \u003Cscroll-view scroll-y=\"true\">\n                \u003Cview>A\u003C\u002Fview>\n                \u003Cview>A\u003C\u002Fview>\n\n            \u003C\u002Fscroll-view>\n        \u003C\u002Fswiper-item>\n\n        \u003Cswiper-item>\n            \u003Cscroll-view scroll-y=\"true\">\n                \u003Cview>B\u003C\u002Fview>\n                \u003Cview>B\u003C\u002Fview>\n\n            \u003C\u002Fscroll-view>\n        \u003C\u002Fswiper-item>\n\n        \u003Cswiper-item>\n            \u003Cscroll-view scroll-y=\"true\">\n                \u003Cview>C\u003C\u002Fview>\n                \u003Cview>C\u003C\u002Fview>\n\n            \u003C\u002Fscroll-view>\n        \u003C\u002Fswiper-item>\n\n        \u003C!-- \u003Cswiper-item>\n            \u003Cscroll-view scroll-y=\"true\">\n                \u003Cview>D\u003C\u002Fview>\n                \u003Cview>D\u003C\u002Fview>\n\n            \u003C\u002Fscroll-view>\n        \u003C\u002Fswiper-item> -->\n\n    \u003C\u002Fswiper>\n\u003C\u002Fview>\n\n\n\n\n\n\n\n\n\n\n.all {\n    height: 100vh;\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n}\n\n.head {\n    display: flex;\n    flex-direction: row;\n    justify-content: space-around;\n    align-items: center;\n    height: 100rpx;\n}\n\n.head view {\n    height: 100rpx;\n    line-height: 100rpx;\n    flex: 1;\n}\n\n.green {\n    background-color: #07c160 !important;\n}\n\nswiper {\n    \u002F* background-color: yellow; *\u002F\n    width: 100%;\n    flex: 1;\n}\n\nscroll-view {\n    background-color: red;\n    height: 100%;\n    width: 100%;\n}\n\n\n\n\n\n\n\n\n\n\nPage({\n    data: {\n        currentNum: 0,\n        list: [{\n            id: 0,\n            title: 'A',\n            active: true\n        },\n        {\n            id: 1,\n            title: 'B',\n            active: false\n        },\n        {\n            id: 2,\n            title: 'C',\n            active: false\n        },\n            \u002F\u002F {\n            \u002F\u002F  id: 3,\n            \u002F\u002F  title: 'D',\n            \u002F\u002F  active: false\n            \u002F\u002F },\n        ]\n    },\n\n        \u002F\u002F reSet head active style\n        reSetHeadActive: function () {\n            for (let i = 0; i \u003C this.data.list.length; i ++) {\n                \u002F\u002F console.log(this.data.list[i])\n                if ( this.data.list[i].active === true ) {\n                    let temp = \"list[\" + i + \"].active\"\n                    this.setData({\n                        [temp]: false\n                    })\n                }\n            }\n        },\n\n        \u002F\u002F set head active style\n        setHeadActive: function (a) {\n            console.log('change to', a)\n            this.reSetHeadActive()\n            let temp = \"list[\" + a + \"].active\"\n            this.setData({\n                [temp]: true\n            })\n        },\n\n        swiperChanged: function (e) {\n            let a = e.detail.current;\n            this.setHeadActive(a);\n        },\n\n    onClickHead: function (e) {\n        console.log('tap num', e.target.dataset.index)\n        this.setData({\n            currentNum: e.target.dataset.index\n        })\n    }\n})\n\n","text",[61,1095,1092],{"__ignoreMap":59},[10,1097,1099],{"id":1098},"上面的-3-个很容易变成-4-个-也就是把上面-wxml-js-中的注释打开顶多就-5-个吧","上面的 3 个很容易变成 4 个 (也就是把上面 wxml js 中的注释打开。顶多就 5 个吧)",[1101,1102,1103,1107],"ul",{},[1104,1105,1106],"li",{},"js list 数组中再加 添加一个对象 （类似注释）",[1104,1108,1109],{},"wxml 再加 swiper-item （类似注释）",[10,1111,1078],{"id":1112},"end-1",[1114,1115,1116],"style",{},"html pre.shiki code .s7eDp, html code.shiki .s7eDp{--shiki-default:#6F42C1}html pre.shiki code .sgsFI, html code.shiki .sgsFI{--shiki-default:#24292E}html pre.shiki code .sYBdl, html code.shiki .sYBdl{--shiki-default:#032F62}html pre.shiki code .sYu0t, html code.shiki .sYu0t{--shiki-default:#005CC5}html pre.shiki code .sAwPA, html code.shiki .sAwPA{--shiki-default:#6A737D}html pre.shiki code .sD7c4, html code.shiki .sD7c4{--shiki-default:#D73A49}html pre.shiki code .sqxcx, html code.shiki .sqxcx{--shiki-default:#E36209}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html pre.shiki code .sB1qb, html code.shiki .sB1qb{--shiki-default:#B31D28;--shiki-default-font-style:italic}html pre.shiki code .shJU0, html code.shiki .shJU0{--shiki-default:#22863A}",{"title":59,"searchDepth":92,"depth":92,"links":1118},[1119,1120,1121,1122,1123,1124,1126,1127,1128,1129,1130],{"id":12,"depth":92,"text":13},{"id":24,"depth":92,"text":25},{"id":43,"depth":92,"text":43},{"id":51,"depth":92,"text":52},{"id":1057,"depth":92,"text":1057},{"id":1068,"depth":92,"text":1125},"我的个人网站 --> 点击访问",{"id":1078,"depth":92,"text":1079},{"id":1082,"depth":92,"text":1083},{"id":1086,"depth":92,"text":1087},{"id":1098,"depth":92,"text":1099},{"id":1112,"depth":92,"text":1078},"微信小程序",null,"2020-12-26",false,"md",{},"\u002Fblog\u002Fwechat_mini_program_swiper_plus_scroll_view_equals_what",{"title":5,"description":5},"blog\u002Fwechat_mini_program_swiper_plus_scroll_view_equals_what",[1131,1141,213,1142],"Swiper","联动交互","Ch13nhJVvpqkUvXfe54yRw6CmbRVwRvRzXeaozDUqRc",1793010852441]