up

hot/src/views/data.js

@@ -32,7 +32,7 @@ export const obj = [
                   'Tench, Tinca tinca',
             ],
             content: [
-    `Taxonomy: Order Cypriniformes, Family Cyprinidae<br />
+                  `Taxonomy: Order Cypriniformes, Family Cyprinidae<br />
     Distribution: Can be found in water areas throughout the country in all year round.<br />
     Habits: Prefers to group into bevies. Forages and spawns in shallow shoals with dense grasses, river bays, and reeds; slows down or keeps still when encountering current.`,
 
@@ -1073,6 +1073,641 @@ Dali Erhai Protection, Investment, and Construction Co. Ltd.`,
             images: 6
       },
 
+      // 变质岩
+      {
+            id: 'ITYys711933',
+            title: [
+                  'Light Grayish Green Diopside Tremolite Schist',
+                  'Light Gray Phyllite',
+                  'Scapolite-Calcite Marble',
+                  'Hornblende Schist',
+                  'Two-Mica Plagioclase Gneiss',
+                  'Mylonitized Biotite Plagioclase Gneiss',
+                  'Grayish Green Sericite Chlorite Felsic Schist',
+                  'Felsic Chlorite Two-Mica Phyllonite',
+                  'Biotite Monzo-Granulite',
+                  'Grayish White Gray-Inserting (Water Pattern) Marble',
+                  'Multi-Colored Calcite Marble',
+                  'Light Grayish Green Epidote Calcite Quartz Phyllonite',
+                  'Brownish Gray Two-Mica Phyllonite',
+                  'Mylonitized Plagioclase Biotite Hornblende Schist',
+                  'Biotite Monzo-Granitic Mylonite',
+                  'Two-Mica Phyllonite',
+                  'Grayish White Striated Marble',
+                  'Gray Two-Mica Felsic Mylonite',
+                  'Two-Mica Felsic Mylonite',
+                  'Grayish Green Argillaceous Slate',
+                  'Hydromica Argillaceous Slate',
+                  'Grayish White Garnet-Bearing Monzo-Granitic Mylonite',
+                  'Light Grayish White Two-Mica Monzo-Granitic Mylonite',
+                  'Grayish Black Muscovite Mylonit-Schist',
+                  'Biotite Granitic Mylonite',
+                  'Plagioclase Weakly-Amphibolized Hornblende Schist',
+                  'Biotite Plagioclase Leptynite',
+                  'Muscovite Quartz Schist',
+                  'Granitic Mylonite',
+                  'Fine-Microcrystalline Marble',
+                  'Grayish White Fine-Grained Dolomitic Calcite Marble',
+                  'Light Grayish White Fine-Grained Dolomitic Calcite Marble',
+                  'Epidote Chlorite Hornblende Albite Schist',
+                  'Feldspar Chlorite Muscovite Schist',
+                  'Calcitic Cataclastic Feldspar Sericite Muscovite Chlorite Schist',
+                  'Biotite Granitic Mylonite',
+                  'Plagioclase Weakly-Amphibolized Hornblende Schist',
+                  'Plagioclase Epidote Chlorite Schist',],
+            content: [
+                  `Locality:Western Slope of Cangshan Mountain, Yangbi County<br/>
+                  Epoch:Precambrian Cangshan Group（AnꞒC）<br/>
+                  Years before Present:1,800–2,300 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Western Slope of Cangshan Mountain, Yangbi County<br/>
+                  Epoch:Precambrian Cangshan Group（AnꞒC）<br/>
+                  Years before Present:1,800–2,300 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Mangyong Steam, Wanqiao Town<br/>
+                  Epoch:Precambrian Cangshan Group（AnꞒC）<br/>
+                  Years before Present:1,000–1,800 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Fengyu Town, Eryuan County<br/>
+                  Epoch:Precambrian Cangshan Group（AnꞒC）<br/>
+                  Years before Present:1,800–2,300 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Xizhou Town, Dali City<br/>
+                  Epoch:Precambrian Cangshan Group（AnꞒC）<br/>
+                  Years before Present:1,000–1,800 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Mangyong Steam, Wanqiao Town, Dali City<br/>
+                  Epoch:Precambrian Cangshan Group（AnꞒC）<br/>
+                  Years before Present:1,000–1,800 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Mangyong Steam, Wanqiao Town, Dali City<br/>
+                  Epoch:Precambrian Cangshan Group（AnꞒC）<br/>
+                  Years before Present:1,000–1,800 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Western Slope of Cangshan Mountain, Yangbi County<br/>
+                  Epoch:Precambrian Cangshan Group（AnꞒC）<br/>
+                  Years before Present:1,800–2,300 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Baishi Steam, Yinqiao Town<br/>
+                  Epoch:Precambrian Cangshan Group（AnꞒC）<br/>
+                  Years before Present:1,800–2,300 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Baishi Steam, Yinqiao Town<br/>
+                  Epoch:Precambrian Cangshan Group（AnꞒC）<br/>
+                  Years before Present:1,000–1,800 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Baishi Steam, Yinqiao Town<br/>
+                  Epoch:Precambrian Cangshan Group（AnꞒC）<br/>
+                  Years before Present:1,000–1,800 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Western Slope of Cangshan Mountain, Yangbi County<br/>
+                  Epoch:Precambrian Cangshan Group（AnꞒC）<br/>
+                  Years before Present:1,800–2,300 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Western Slope of Cangshan Mountain, Yangbi County<br/>
+                  Epoch:Precambrian Cangshan Group（AnꞒC）<br/>
+                  Years before Present:1,800–2,300 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Mangyong Steam, Wanqiao Town<br/>
+                  Epoch:Precambrian Cangshan Group（AnꞒC）<br/>
+                  Years before Present:1,000–1,800 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Mangyong Steam, Wanqiao Town<br/>
+                  Epoch:Precambrian Cangshan Group（AnꞒC）<br/>
+                  Years before Present:1,000–1,800 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Western Slope of Cangshan Mountain, Yangbi County<br/>
+                  Epoch:Precambrian Cangshan Group（AnꞒC）<br/>
+                  Years before Present:1,800–2,300 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Mangyong Steam, Wanqiao Town<br/>
+                  Epoch:Precambrian Cangshan Group（AnꞒC）<br/>
+                  Years before Present:1,000–1,800 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Western Slope of Cangshan Mountain, Yangbi County<br/>
+                  Epoch:Precambrian Cangshan Group（AnꞒC）<br/>
+                  Years before Present:1,800–2,300 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Baishi Steam, Yinqiao Town<br/>
+                  Epoch:Precambrian Cangshan Group（AnꞒC）<br/>
+                  Years before Present:1,000–1,800 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Western Slope of Cangshan Mountain, Yangbi Town<br/>
+                  Epoch:Precambrian Cangshan Group（AnꞒC）<br/>
+                  Years before Present:1,800–2,300 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Western Slope of Cangshan Mountain, Yangbi Town<br/>
+                  Epoch:Precambrian Cangshan Group（AnꞒC）<br/>
+                  Years before Present:1,800–2,300 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Western Slope of Cangshan Mountain, Yangbi Town<br/>
+                  Epoch:Precambrian Cangshan Group（AnꞒC）<br/>
+                  Years before Present:1,800–2,300 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Western Slope of Cangshan Mountain, Yangbi Town<br/>
+                  Epoch:Precambrian Cangshan Group（AnꞒC）<br/>
+                  Years before Present:1,800–2,300 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Butterfly Spring, Dali City<br/>
+                  Epoch:Precambrian Cangshan Group（AnꞒC）<br/>
+                  Years before Present:1,000–1,800 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Niaodiao Mountain, Fengyu, Eryuan County<br/>
+                  Epoch:Precambrian Cangshan Group（AnꞒC）<br/>
+                  Years before Present:1,800–2,300 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Niaodiao Mountain, Fengyu, Eryuan County<br/>
+                  Epoch:Precambrian Cangshan Group（AnꞒC）<br/>
+                  Years before Present:1,800–2,300 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Niaodiao Mountain, Fengyu, Eryuan County<br/>
+                  Epoch:Precambrian Cangshan Group（AnꞒC）<br/>
+                  Years before Present:1,800–2,300 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Niaodiao Mountain, Fengyu, Eryuan County<br/>
+                  Epoch:Precambrian Cangshan Group（AnꞒC）<br/>
+                  Years before Present:1,800–2,300 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Niaodiao Mountain, Fengyu, Eryuan County<br/>
+                  Epoch:Precambrian Cangshan Group（AnꞒC）<br/>
+                  Years before Present:1,800–2,300 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Niaodiao Mountain, Fengyu, Eryuan County<br/>
+                  Epoch:Precambrian Cangshan Group（AnꞒC）<br/>
+                  Years before Present:1,800–2,300 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Mangyong Steam, Wanqiao Town<br/>
+                  Epoch:Precambrian Cangshan Group（AnꞒC）<br/>
+                  Years before Present:1,000–1,800 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Mangyong Brook, Wanqiao Town<br/>
+                  Epoch:Precambrian Cangshan Group（AnꞒC）<br/>
+                  Years before Present:1,000–1,800 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Niaodiao Mountain, Fengyu, Eryuan County<br/>
+                  Epoch:Precambrian Cangshan Group（AnꞒC）<br/>
+                  Years before Present:1,800–2,300 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Niaodiao Mountain, Fengyu, Eryuan County<br/>
+                  Epoch:Precambrian Cangshan Group（AnꞒC）<br/>
+                  Years before Present:1,800–2,300 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Niaodiao Mountain, Fengyu, Eryuan County<br/>
+                  Epoch:Precambrian Cangshan Group（AnꞒC）<br/>
+                  Years before Present:1,800–2,300 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Niaodiao Mountain, Fengyu, Eryuan County<br/>
+                  Epoch:Precambrian Cangshan Group（AnꞒC）<br/>
+                  Years before Present:1,800–2,300 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Niaodiao Mountain, Fengyu, Eryuan County<br/>
+                  Epoch:Precambrian Cangshan Group（AnꞒC）<br/>
+                  Years before Present:1,800–2,300 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Niaodiao Mountain, Fengyu, Eryuan County<br/>
+                  Epoch:Precambrian Cangshan Group（AnꞒC）<br/>
+                  Years before Present:1,800–2,300 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+            ],
+            images: 38
+      },
+
+      // 沉积岩
+      {
+            id: '8va6Cl712435',
+            title: [
+                  'Light Gray Cataclastic Marbleized Fine-Crystalline Dolomite',
+                  'Brownish Gray Miarolitic Powder-Fine Crystalline Algae-Bearing Argilaceous Limestone',
+                  'Gray with Brown Powder-Fine Crystalline Argillaceous Dolomite',
+                  'Dark Gray Slaty Cleavaged Micritic Limestone',
+                  'Strongly Dolomitized Microcrystalline Limestone',
+                  'Light Brownish Gray-Light Gray Lamina-Patchy Micritic Limestone',
+                  'Purplish Red Fine-Grained Quartz Sandstone',
+                  'Light Yellowish Gray Microcrystalline Dolomitic Cataclasite',
+                  'Gray-Light Gray Vermicular Powder-Fine Crystalline Dolomite',
+                  'Gray Calcite-Bearing Dolomitic Marble',
+                  'Brownish Gray Weakly-Limonitized Fine Crystalline Dolomitic Cataclasite',
+                  'Dark Gray Medium-Dolomitized Micritic Algal Limestone',
+                  'Grayish Yellow Weakly-Cataclastic Schistositized Fine-Grained Siltstone',
+                  'Light Gray Catalistic Marbleized Powder-Fine Crystalline Dolomite',
+                  'Grayish Green Colloidal Kaolinite Phosphorite',
+                  'Dark Gray Laminated Aegullaceous Siltstone',
+                  'Grayish Green Fine-Medium Grained Feldspar Quarts Sandstone',
+                  'Stalactite',
+                  'Grayish White Gravel-Bearing Feldspar Quartz Sandstone',
+                  'Dark Gray Sparite Algal Arenaceous Bioclastic Limestone',
+                  'Sparitic Granullar Limestone',
+                  'Blueish Gray Brecciated Limestone',
+                  'Light Grayish Green Siltstone',
+                  'Grayish Black Argillaceous Siltstone with Shell Fossil',
+                  'Kaolin',
+                  'Grayish Green Fine Grain-Containing Clauconite Argillaceous Siltstone',
+                  'Grayish Black Argillaceous Sperulitic Silicalite',
+                  'Grayish Purple Inequigranular Quartz Sandstone',
+                  'Purplish Red Ferric Colloidal Crystalline Clastic Lithic Detritus Sedimentary Limestone',
+                  'Light Yellow Lamellar Travertine',
+                  'Grayish Yellow Medium Grain-Containing Fine-Grained Feldspar Quartz Graywacke',
+                  'Purplish Red Gravel-Bearing Sandstone',
+                  'Grayish Black Argillaceous Spherulitic Silicalite',
+                  'Travertine',
+                  'Blueish Gray Catalistic Microcrystalline Algal Sand Detritus Limestone',
+                  'Grayish White Catalistic Sand-Algae Detritus-Bearing Micritic Limestone',
+                  'Light Grayish Yellow inequigranular Quartz Sandstone',
+                  'Dark Grayish Black Argillaceous Limestone',
+                  'Grayish Black Argillaceous Siltstone with Shell Fossil',
+                  'Purplish Red Conglomerate',
+                  'Grayish Purple Patchy Fine-Grained Lithic Detritus Feldspar',
+                  'Blueish Gray Striated Lamellar Limestone',
+                  'Grayish Green Crystal-Lithic Detritus Sedimentary Limestone',
+                  'Grayish White Hornblende Dolomitic Limestone',
+                  'Blueish Gray Weakly-Catalistic Algal Argillaceous Limestone',
+                  'Gray Algal Detritus-Bearing Bioclastic (Lamellibranchiata) Limestone',
+                  'Grayish Purple Lamellar-Patchy Fine-Grained Siltistone',
+            ],
+            content: [
+                  `Locality:Baofeng Temple, Binchuan County<br/>
+                  Epoch:Kanglang Formation, Silurian, Proterozoic<br/>
+                  Years before Present:410–438 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Baofeng Temple, Binchuan County<br/>
+                  Epoch:Kanglang Formation, Silurian, Proterozoic<br/>
+                  Years before Present:410–438 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Baofeng Temple, Binchuan County<br/>
+                  Epoch:Kanglang Formation, Silurian, Proterozoic<br/>
+                  Years before Present:410–438 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Baofeng Temple, Binchuan County<br/>
+                  Epoch:Kanglang Formation, Silurian, Proterozoic<br/>
+                  Years before Present:410–438 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Baofeng Temple, Binchuan County<br/>
+                  Epoch:Kanglang Formation, Silurian, Proterozoic<br/>
+                  Years before Present:410–438 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Baofeng Temple, Binchuan County<br/>
+                  Epoch:Kanglang Formation, Silurian, Proterozoic<br/>
+                  Years before Present:410–438 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Feilai Temple, Dali<br/>
+                  Epoch:Nanxin Formation, Cretaceous, Mesozoic<br/>
+                  Years before Present:137–225 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Baofeng Temple, Binchuan County<br/>
+                  Epoch:Kanglang Formation, Silurian, Proterozoic<br/>
+                  Years before Present:410–438 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Baofeng Temple, Binchuan County<br/>
+                  Epoch:Qingshan Formation, Devonian, Proterozoic<br/>
+                  Years before Present:354–410 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Baofeng Temple, Binchuan County<br/>
+                  Epoch:Kanglang Formation, Silurian, Proterozoic<br/>
+                  Years before Present:410–438 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Baofeng Temple, Binchuan County<br/>
+                  Epoch:Kanglang Formation, Silurian, Proterozoic<br/>
+                  Years before Present:410–438 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Baofeng Temple, Binchuan County<br/>
+                  Epoch:Kanglang Formation, Silurian, Proterozoic<br/>
+                  Years before Present:410–438 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Baofeng Temple, Binchuan County<br/>
+                  Epoch:Kanglang Formation, Silurian, Proterozoic<br/>
+                  Years before Present:410–438 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Baofeng Temple, Binchuan County<br/>
+                  Epoch:Kanglang Formation, Silurian, Proterozoic<br/>
+                  Years before Present:410–438 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Baofeng Temple, Binchuan County<br/>
+                  Epoch:Kanglang Formation, Silurian, Proterozoic<br/>
+                  Years before Present:410–438 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Xiaolongtan, Binchuan County<br/>
+                  Epoch:Baitutian Formation, Triassic, Mesozoic<br/>
+                  Years before Present:205–250 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Ma’an Mountain, Heqing County<br/>
+                  Epoch:Qingtianbao Formation, Triassic, Mesozoic<br/>
+                  Years before Present:205–250 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Baofeng Temple, Binchuan County<br/>
+                  Epoch:Yangxin Formation, Permian, Paleozoic（Protolith）<br/>
+                  Years before Present:273–299Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Dahei Mountain, Heqing County<br/>
+                  Epoch:Songgui Formation, Triassic, Mesozoic<br/>
+                  Years before Present:205–250 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Baofeng Temple, Binchuan County<br/>
+                  Epoch:Yangxin Formation, Permian, Paleozoic<br/>
+                  Years before Present:273–299 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Dahei Mountain, Heqing County<br/>
+                  Epoch:Zhongwo Formation, Triassic, Mesozoic<br/>
+                  Years before Present:205–250 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Ma’an Mountain, Heqing County<br/>
+                  Epoch:Lijiang Formation, Paleogene, Cenozoic<br/>
+                  Years before Present:23–65 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Xiaolongtan, Binchuan County<br/>
+                  Epoch:Baitutian, Triassic, Mesozoic<br/>
+                  Years before Present:205–250 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Songgui, Heqing County<br/>
+                  Epoch:Songgui Formation, Triassic, Mesozoic<br/>
+                  Years before Present:205–250 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Niaodiao Mountain, Fengyu, Eryuan County<br/>
+                  Epoch:Quaternary, Cenozoic<br/>
+                  Years before Present:0.01–2.6 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Ma’an Mountain, Heqing County<br/>
+                  Epoch:Qingtianbao Formation, Triassic, Mesozoic<br/>
+                  Years before Present:205–250 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Wase, Dali City<br/>
+                  Epoch:Changyu Village Formation, Devonian, Paleozoic<br/>
+                  Years before Present:354–410 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Feilai Temple, Dali<br/>
+                  Epoch:Nanxin Formation, Cretaceous, Mesozoic<br/>
+                  Years before Present:137–205 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Ma’an Mountain, Heqing County<br/>
+                  Epoch:Qingtianbao Formation, Triassic, Mesozoic<br/>
+                  Years before Present:205–250 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Changxin, Yunlong County<br/>
+                  Epoch:Paleogene, Cenozoic<br/>
+                  Years before Present:23–65 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Shifangzi, Dali City<br/>
+                  Epoch:Xiangyang Formation, Ordovician, Paleozoic<br/>
+                  Years before Present:438–490 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Longhua Mountain, Heqing County<br/>
+                  Epoch:Lijiang Formation, Paleogene, Cenozoic<br/>
+                  Years before Present:23–65 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Wase, Dali City<br/>
+                  Epoch:Changyu Village Formation, Devonian, Paleozoic<br/>
+                  Years before Present:354–410 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Changxin, Yunlong County<br/>
+                  Epoch:Paleogene, Cenozoic<br/>
+                  Years before Present:23–65 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Xiaohuxi, Dali City<br/>
+                  Epoch:Kanglang Formation, Silurian, Paleozoic<br/>
+                  Years before Present:410–438 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Jinbao Mountain, Midu County<br/>
+                  Epoch:Kanglang Formation, Silurian, Paleozoic<br/>
+                  Years before Present:410–438 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Haidong, Dali City<br/>
+                  Epoch:Xiangyang Formation, Ordovician, Paleozoic<br/>
+                  Years before Present:438–490 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Baofeng Temple, Binchuan County<br/>
+                  Epoch:Lianhuaqu Formation, Devonian, Paleozoic<br/>
+                  Years before Present:354–410 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Songgui, Heqing County<br/>
+                  Epoch:Songgui Formation, Triassic, Mesozoic<br/>
+                  Years before Present:205–250 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Ma’an Mountain, Heqing County<br/>
+                  Epoch:Lijiang Formation, Paleogene, Cenozoic<br/>
+                  Years before Present:23–65 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Ma’an Mountain, Heqing County<br/>
+                  Epoch:Qingtianbao Formation, Triassic, Mesozoic<br/>
+                  Years before Present:205–250 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Baofeng Temple, Binchuan County<br/>
+                  Epoch:Lianhuaqu Formation, Devonian, Paleozoic<br/>
+                  Years before Present:354–410 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Ma’an Mountain, Heqing County<br/>
+                  Epoch:Qingtianbao Formation, Triassic, Mesozoic<br/>
+                  Years before Present:205–250 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Jinbao Mountain, Midu County<br/>
+                  Epoch:Kanglang Formation, Silurian, Paleozoic<br/>
+                  Years before Present:410–438 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Baofeng Temple, Binchuan County<br/>
+                  Epoch:Lianhuaqu Formation, Devonian, Paleozoic<br/>
+                  Years before Present:354–410 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Baofeng Temple, Binchuan County<br/>
+                  Epoch:Yangxin Formation, Permian, Paleozoic<br/>
+                  Years before Present:273-299Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Western Slope of Cangshan Mountain, Yangbi<br/>
+                  Epoch:Sanhedong Formation, Triassic, Mesozoic<br/>
+                  Years before Present:205–250 Ma<br/>
+                  Dali Erhai Protection, Investment, and Construction Co. Ltd`,],
+            images: 47
+      },
+
+      // 矿石
+      {
+            id: 'som5Ht713956',
+            title: [
+                  'Porphyry-Type Chalcopyrite',
+                  'Fluorite Ore',
+                  'Platinum-Palladium Ore',
+                  'Bauxite',
+                  'Iron-Gold Ore',
+                  'Gypsum Ore',
+                  'Sparse Disseminated Chalcopyrite-Bearing Molybdenite Ore',
+                  'Massive Pyrite Maghemite Ore',
+                  'Magnetite',
+                  'Barite',
+                  'Lead Gray Lamellar Disseminated Chalopyrite-Bearing Genenite Ore',
+                  'Densely Disseminated Delafossite Ore',
+                  'Perlimonite Ore',
+                  'Stibnite Ore',
+                  'Sparse Disseminated Malachite Bornite Ore',
+                  'Purple Fluorite Ore',
+                  'Skarn-Type Chalcopyrite',
+                  'Glutenite-Type Malachite Azurite',
+                  'Massive Pyrite Ore',
+                  'Sandstone-Type Silver-Copper Ore',
+                  'Manganese Carbonate Ore',
+                  'Sandstone-Type Malachite Ore',
+                  'Sparsely Disseminated Quatz-Veins-Type Cassiterite Ore',
+                  'Pyrite',
+                  'Specularite',
+                  'Asbestos',
+                  'Stibnite Sample',
+                  'Garnet-Bearing Skarn Sample',
+                  'Skarn-Type Chalcopyrite-Pyrite',
+                  'Silver-Lead-Zinc Ore',
+                  'Gypsum Ore',
+                  'Molybdenite',
+                  'Magnetite',
+                  'Coal Ore',
+                  'Siderite',
+                  'Blue Bornite Ore',
+                  'Chalcopyrite-Pyrite',],
+            content: [
+                  `Locality:Xiaolongtan, Binchuan County<br/>
+  Major Element Grade:Copper, Cu ( 0.5%)<br/>
+  Accompanying Element Grade:<br/>
+  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Zijin, Weishan County<br/>
+  Major Element Grade:Fluorite, CaF2 (60%)<br/>
+  Accompanying Element Grade:<br/>
+  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Jinbao Mountain, Midu County<br/>
+  Major Element Grade:Platinum and Palladium, Pt + Pb (0.5g/t)<br/>
+  Accompanying Element Grade:Iron, Fe (26%)<br/>
+  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Daheishan, Heqing County<br/>
+  Major Element Grade:Aluminum, Al (50%)<br/>
+  Accompanying Element Grade:Perlimonite, Fe(30%)<br/>
+  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Beiya, Heqing County<br/>
+  Major Element Grade:Gold, Au (3g/t)<br/>
+  Accompanying Element Grade:Iron, Fe (40%)<br/>
+  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Jianji, Jianchuan County<br/>
+  Major Element Grade:Gypsum, CaSO4·2H2O (60%)<br/>
+  Accompanying Element Grade:<br/>
+  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Jiuding Mountain, Midu County<br/>
+  Major Element Grade:Molybdenum, Mo (0.08%)<br/>
+  Accompanying Element Grade:Copper, Cu (0.3%)<br/>
+  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Baofeng Temple, Binchuan County<br/>
+  Major Element Grade:Iron, Fe (40%)<br/>
+  Accompanying Element Grade:<br/>
+  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Beiya, Heqing County<br/>
+  Major Element Grade:Iron, Fe(40%)<br/>
+  Accompanying Element Grade:Gold, Au (0.5g/t)<br/>
+  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Ironwork, Yunlong County<br/>
+  Major Element Grade:Barite, BaSO4 (80%)<br/>
+  Accompanying Element Grade:<br/>
+  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Beiya. Heqing County<br/>
+  Major Element Grade:Lead, Pb (4%)<br/>
+  Accompanying Element Grade:Copper, Cu (0.3%) <br/>
+  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Beiya, Heqing County<br/>
+  Major Element Grade:Gold, Au (2.5g/t)<br/>
+  Accompanying Element Grade:Copper, Cu ( 0.5%), Iron, Fe (30%)<br/>
+  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Dahei Mountain, Heqing County<br/>
+  Major Element Grade:Perlimonite ,Fe2O3 (45%)<br/>
+  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Zijin, Weishan County<br/>
+  Major Element Grade:Stibnite, Sb2S3 (5%)<br/>
+  Accompanying Element Grade:<br/>
+  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Lazhapo, Eryuan County<br/>
+  Major Element Grade:Copper,Cu (2%)<br/>
+  Accompanying Element Grade:<br/>
+  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Zijin, Weishan County<br/>
+  Major Element Grade:Purple Fluorite, CaF2 (60%)<br/>
+  Accompanying Element Grade:<br/>
+  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Jiuding Mountain, Midu County<br/>
+  Major Element Grade:Chalcopyrite, Cu(2.5%)<br/>
+  Accompanying Element Grade:<br/>
+  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Erlang, Midu County<br/>
+  Major Element Grade:Copper, Cu(1.5%) <br/>
+  Accompanying Element Grade:<br/>
+  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Baofeng Temple, Binchuan County<br/>
+  Major Element Grade:Iron, Fe (40%)<br/>
+  Accompanying Element Grade:<br/>
+  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Baiyangchang, Yunlong County<br/>
+  Major Element Grade:Silver, Ag(400g/t)<br/>
+  Accompanying Element Grade:Copper, Cu(0.5%)<br/>
+  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Xiaotianjing, Heqing County<br/>
+  Major Element Grade:Manganese, Mn (30%)<br/>
+  Accompanying Element Grade:<br/>
+  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Baiyangchang, Yunlong County<br/>
+  Major Element Grade:Copper,Cu(1.5%) <br/>
+  Accompanying Element Grade:<br/>
+  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Ironwork, Yunlong County<br/>
+  Major Element Grade:Tin, Sn (0.5%)<br/>
+  Accompanying Element Grade:<br/>
+  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Jiuding Mountain, Midu County<br/>
+  Major Element Grade:Iron, Fe ( 30%)<br/>
+  Accompanying Element Grade:<br/>
+  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Baiyangchang, Yunlong County<br/>
+  Major Element Grade:Iron, Fe (20%)<br/>
+  Accompanying Element Grade:<br/>
+  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Daxue Mountain, Yunlong County<br/>
+  Major Element Grade:<br/>
+  Accompanying Element Grade:<br/>
+  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Ironwork, Yunlong County<br/>
+  Major Element Grade:<br/>
+  Accompanying Element Grade:<br/>
+  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Bijia Mountain, Weishan County<br/>
+  Major Element Grade:Stibnite, Sb2S3 (10%)<br/>
+  Accompanying Element Grade:Lead and Zinc, Zn, +Pb (2%)<br/>
+  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Jiuding Mountain, Midu County<br/>
+  Major Element Grade:Copper, Cu (0.5%) <br/>
+  Accompanying Element Grade:Iron,Fe( 40%)<br/>
+  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Beiya, Heqing County<br/>
+  Major Element Grade:Silver, Ag (400g/t)<br/>
+  Accompanying Element Grade:Lead and Zinc, Pb,+ Zn (2%)<br/>
+  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Jianji, Jianchuan County<br/>
+  Major Element Grade:Gypsum, CaSO4·2H2O (70%)<br/>
+  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Jiuding Mountain, Midu County<br/>
+  Major Element Grade:Molybdenum ,Mo(0.09%) <br/>
+  Accompanying Element Grade:Copper, Cu (0.2%)<br/>
+  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Beiya, Heqing County<br/>
+  Major Element Grade:Iron, Fe (50%)<br/>
+  Accompanying Element Grade:Gold, Au (0.3g/t)<br/>
+  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Zhoucheng, Binchuan<br/>
+  Major Element Grade:<br/>
+  Accompanying Element Grade:<br/>
+  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Shuixie, Yongping County<br/>
+  Major Element Grade:Iron, Fe (30%)<br/>
+  Accompanying Element Grade:<br/>
+  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Beiya, Heqing County<br/>
+  Major Element Grade:Copper,Cu(2.5%) <br/>
+  Accompanying Element Grade:Iron, Fe(20%)<br/>
+  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+                  `Locality:Beiya, Heqing County<br/>
+  Major Element Grade:Copper, Cu (1.5%)<br/>
+  Accompanying Element Grade:Iron, ( 30%)<br/>
+  Dali Erhai Protection, Investment, and Construction Co. Ltd`,
+            ],
+            images: 37
+      },
+
       //   {
       //       id: 'P1yZU1707291',
       //       title: [

web/src/assets/style/public.css

@@ -0,0 +1,97 @@
+* {
+  font-family: 'SY-medium';
+}
+img {
+  -webkit-user-drag: none;
+}
+.ui-button {
+  height: 50px;
+  line-height: 1;
+  border-radius: 25px;
+  border: none;
+  background-color: transparent;
+  text-align: center;
+  letter-spacing: 1px;
+  outline: none;
+  white-space: nowrap;
+  cursor: pointer;
+}
+.ui-button.default {
+  background-color: #CCCCCC;
+  color: #333333;
+}
+.ui-button.submit {
+  color: #fff;
+  background-color: #BC1915;
+}
+.ui-button.cancel {
+  color: #05c8ae;
+  background-color: transparent;
+}
+.ui-button.block {
+  width: 100%;
+}
+.ui-button.link {
+  display: inline-block;
+  text-decoration: none;
+}
+.ui-button.danger {
+  background-color: #c80303;
+  color: #fff;
+}
+.ui-input {
+  padding: 0 14px;
+  color: #fff;
+  letter-spacing: 1px;
+  height: 50px;
+  line-height: 50px;
+  width: 100%;
+  background: rgba(204, 204, 204, 0.2);
+  border: 1px solid #FFB521;
+  border-radius: 25px;
+}
+input::-webkit-input-placeholder {
+  color: #fff;
+}
+input::-moz-placeholder {
+  /* Mozilla Firefox 19+ */
+  color: #fff;
+}
+input:-moz-placeholder {
+  /* Mozilla Firefox 4 to 18 */
+  color: #fff;
+}
+input:-ms-input-placeholder {
+  /* Internet Explorer 10-11 */
+  color: #fff;
+}
+.cad {
+  position: fixed;
+  right: 10px;
+  top: 130px;
+  width: 280px;
+  height: 150px;
+  z-index: 1;
+  transition: 0.3s ease all;
+}
+.cad #cad {
+  width: 100%;
+  height: 100%;
+}
+@media only screen and (max-width: 487px), (max-height: 487px) {
+  .ui-input {
+    padding: 0 14px;
+    color: #fff;
+    letter-spacing: 0;
+    height: 34px;
+    line-height: 34px;
+    width: 100%;
+    background: rgba(0, 0, 0, 0.8);
+    border: 1px solid #FFB521;
+    border-radius: 17px;
+  }
+}
+.no-record {
+  text-align: center;
+  margin: 28vh auto;
+}

web/src/assets/style/public.less

@@ -83,7 +83,7 @@ input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
   top: 130px;
   width: 280px;
   height: 150px;
-  z-index: 999;
+  z-index: 1;
   transition: 0.3s ease all;
   #cad{
     width: 100%;

web/src/assets/style/reset.css

@@ -278,3 +278,10 @@ img {
   -ms-interpolation-mode: nearest-neighbor;
   /* IE (non-standard property) */
 }
+#ele1 circle {
+  fill: #165491;
+  r: 0.46923077;
+}
+#ele1 path {
+  fill: #165491;
+}

web/src/assets/style/reset.less

@@ -330,4 +330,13 @@ img {
   image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
   /* IE (non-standard property) */
+}
+
+// 小地图指示器的颜色
+#ele1 circle {
+  fill: #165491;
+  r:0.4692307692307692;
+}
+#ele1 path{
+  fill: #165491;
 }

web/src/components/exhibition/index.vue

@@ -151,11 +151,11 @@ export default {
       text-align: center;
       cursor: pointer;
       &:hover {
-        background: #68a0c5;
+        background: #165491;
       }
     }
     .active {
-      background: #68a0c5;
+      background: #165491;
       pointer-events: none;
     }
   }

web/src/views/gui/component/game.vue

@@ -95,7 +95,7 @@ export default {
 @media only screen and (max-width: 800px) {
   .gameMe {
     .conten {
-      width: 100%;
+      width: 80%;
       max-width: 375px;
     }
   }

web/src/views/gui/component/issue.vue

@@ -536,12 +536,13 @@ export default {
     }
 
     .main {
+      max-height: 640px;
       top: auto;
-      bottom: 5px;
+      bottom: 80px;
       transform: translate(-50%, 0);
       width: 100%;
       max-width: 350px;
-      height: calc(100vh - 40px);
+      height: calc(100vh - 130px);
       background: url("../../../assets/imgM/bg.png");
       background-size: 100% 100%;
       padding-top: 70px;
@@ -565,6 +566,7 @@ export default {
           padding-top: 10px;
           & > p {
             font-size: 16px;
+            margin-bottom: 5px;
           }
           .btnn {
             padding-right: 10px;
@@ -670,7 +672,8 @@ export default {
             font-size: 16px;
           }
           & > img {
-            max-height: 280px;
+            height: 220px;
+            margin: 10px 0;
           }
           .btnn {
             padding-right: 10px;

web/src/views/gui/component/quality.vue

@@ -201,12 +201,13 @@ export default {
 @media only screen and (max-width: 800px) {
   .quality {
     .main {
+      max-height: 640px;
       top: auto;
-      bottom: 5px;
+      bottom: 80px;
       transform: translate(-50%, 0);
       width: 100%;
       max-width: 350px;
-      height: calc(100vh - 40px);
+      height: calc(100vh - 130px);
       background: url("../../../assets/imgM/bg.png");
       background-size: 100% 100%;
       padding-top: 70px;
@@ -219,6 +220,10 @@ export default {
       padding: 10px;
       .search {
         width: 100%;
+        button{
+          width: 56px !important;
+          padding: 5px 8px !important;
+        }
       }
       .rowAll{
         justify-content: center;

web/src/views/gui/component/remove.vue

@@ -3,11 +3,16 @@
   <div class="remove">
     <div class="main">
       <div class="top">
-        <h2>{{Mylangue?'开心消消乐':'Anipop'}}</h2>
+        <h2>{{ Mylangue ? "开心消消乐" : "Anipop" }}</h2>
         <i class="el-icon-close" @click="$emit('close')"></i>
       </div>
 
-      <iframe id="iframe" :src="`remove/${Mylangue?'index.html':'index2.html'}`" frameborder="0"></iframe>
+      <iframe
+        id="iframe"
+        :src="`remove/${Mylangue ? 'index.html' : 'index2.html'}`"
+        frameborder="0"
+      ></iframe>
+
     </div>
   </div>
 </template>
@@ -58,7 +63,7 @@ export default {
     z-index: 9999;
     width: 650px;
     height: 700px;
-    background: url("../../../assets/img/bg.png");
+    background: url("../../../assets/img/bgR.png");
     background-size: 100% 100%;
     .top {
       display: flex;
@@ -80,17 +85,17 @@ export default {
   }
 }
 @media only screen and (max-width: 800px) {
-  .remove{
-    .main{
+  .remove {
+    .main {
       padding: 0;
       padding-top: 50px;
       width: 100%;
       height: 520px;
-      .top{
+      .top {
         padding: 0 20px;
       }
     }
-    iframe{
+    iframe {
       width: 100%;
       height: 480px;
     }

web/src/views/gui/component/share.vue

@@ -6,7 +6,7 @@
         <i class="el-icon-close" @click="$emit('close')"></i>
       </div>
       <div class="myInput">
-        https://lanhuapp.com/web/#/item/project/product?tid=de3e5e3
+        https://lanhuapp.com/web/#/item/project/product?tid=de3e5e3?id=1171_122
       </div>
       <div class="btn">
         <el-button
@@ -54,7 +54,7 @@ export default {
       newInput.remove();
       // 下面是element的弹窗 不需要的自行删除就好
       this.$message({
-        message: `${this.Mylangue?'复制成功':'copy successful'}`,
+        message: `${this.Mylangue ? "复制成功" : "copy successful"}`,
         type: "success",
       });
     },
@@ -112,11 +112,12 @@ export default {
       text-overflow: ellipsis;
       white-space: nowrap;
       padding: 0 10px;
-      width: 100%;
+      text-align: center;
       height: 60px;
       line-height: 60px;
       background-color: #fff;
       border-radius: 5px;
+      margin: 0 auto;
     }
     .btn {
       margin-top: 20px;
@@ -132,6 +133,14 @@ export default {
     .main {
       width: 100%;
       max-width: 375px;
+      height: 240px;
+      padding-top: 70px;
+      .top {
+        margin-bottom: 10px;
+      }
+      .btn{
+        margin-top: 10px;
+      }
     }
   }
 }