s：

<script>
new Vue({
	el:'#my',
	data:{
		listsL:[
		{name:'北京1',check:false},
		{name:'北京2',check:false},
		{name:'北京3',check:false},
		{name:'北京4',check:false},
		{name:'北京5',check:false},
		],
		listsR:[]
	},
	methods:{
		addR:function(){
			var a=this.listsL.filter(function(v){
				return v.check==true;
			})
			this.listsR=[...this.listsR,...a];
			this.listsL=this.listsL.filter((a)=>{
				return ! new Set(this.listsR).delete(a); 
				// return a.check==false;
			})	
			
		}
	}
})

//函數封裝
methods:{
 addR:function(){
 var l=this.fitlerData(this.listsL,true);
 //console.log(l)
 //this.listsR.push(l);
 this.listsR=[...this.listsR,...l]; //合并
 this.listsL=this.fitlerData(this.listsL,false);
 },
 fitlerData:function(data,type){
 return data.filter(function(v){
 return v.check==type;
 });
 }
 }
</script>

html：

著科技的不斷發展，時間軸創意互動系統應運而生，為人們帶來了一種全新的探索方式。這款系統結合了創意與互動，為用戶打造了一個穿越歷史，探索未來的獨特之旅。

創意時光旅程：時間軸創意互動系統以一個虛擬的時間軸為基礎，將歷史事件和未來趨勢融合在一起，創造了一個充滿創意的時光旅程。用戶可以沿著時間軸前行，逐步了解不同時期的重要事件和發展趨勢。

互動探索體驗：用戶可以通過觸摸屏幕、手勢操作等方式與時間軸互動。在特定的時間點，用戶可以點擊事件節點，觸發多媒體展示、動畫效果、聲音效果等，深入了解歷史事件的背后故事和影響。

多維度信息呈現：時間軸創意互動系統不僅呈現文字描述，還通過圖像、視頻、音頻等多媒體元素，以及交互式的3D模型和虛擬現實技術，將歷史事件和未來趨勢以更加生動多樣的方式呈現出來。

創意互動游戲：系統還融入了創意互動游戲，使用戶在探索歷史的過程中能夠參與互動挑戰，增加游戲性和趣味性。通過游戲，用戶可以更深入地了解歷史事件的背景和意義。

用戶定制化體驗：時間軸創意互動系統支持用戶定制化體驗。用戶可以根據自己的興趣選擇探索的歷史時期或未來趨勢，定制個性化的時間軸旅程，深入研究感興趣的內容。

激發創意思考：系統還鼓勵用戶參與創意思考，通過用戶生成內容、意見投票等互動形式，增加用戶在探索過程中的參與感和創造力。

社交分享與互動：用戶可以將自己的時間軸旅程和發現與朋友分享，通過社交媒體平臺互動討論，創造出一個多樣化的探索社區。

時間軸創意互動系統為用戶帶來了一場穿越歷史、探索未來的獨特之旅。通過創意性的互動方式，多媒體元素和互動游戲的結合，用戶能夠以全新的方式了解歷史和未來，激發創意思考，獲得愉悅的學習體驗。無論是在教育、文化、科普領域，還是在展覽、博物館等場合，時間軸創意互動系統都將成為一個引人入勝的探索工具，讓用戶充分感受時間的魅力與創意的無限可能性。

本文轉載于圖贊官網：https://www.tuzankeji.com/news/gsxw/1264.html