小手样式保存数据

设置小手样式 

.box1 { */
				/* cursor:default; */
				/* cursor: pointer; */

禁止样式

.box2 { */
				/* cursor: no-drop; */
				/* cursor: not-allowed; 

 flex 属性用于指定弹性子元素如何分配空间 -->
        <!-- flex-direction 属性指定了弹性子元素在父容器中的位置 -->
        <!-- flex-direction: row | row-reverse | column | column-reverse
         row横向从左到右排列（左对齐），默认的排列方式。
         row-reverse  反转横向排列（右对齐，从后往前排，最后一项排在最前面。
         column  纵向排列
         column-reverse  反转纵向排列，从后往前排，最后一项排在最上面。

<!-- 保存数据：localStorage.setItem(key,value);
        读取数据：localStorage.getItem(key);
        删除单个数据：localStorage.removeItem(key);
        删除所有数据：localStorage.clear();
        得到某个索引的key：localStorage.key(index); -->