更新截图示例；优化模板列表到详情的吸顶样式

pages/API/element-takesnapshot/element-takesnapshot.uvue

 <template>
-  <view>
-    <page-head id="page-head" title="getElementById"></page-head>
-    <view class="uni-padding-wrap" id="snapshot-content">
+  <view id="snapshot-content">
+    <page-head id="page-head" title="对本页面根view截图"></page-head>
+    <view class="uni-padding-wrap">
       <text id="text">this is text</text>
-      <view id="view" class="uni-common-mt" style="border: 1px solid red">this is view</view>
     </view>
-    <button class="uni-btn" @click="changeViewStyle">
-      修改 view 宽高及背景色
-    </button>
-
     <button class="uni-btn btn-TakeSnapshot" type="primary" @tap="takeSnapshotClick">
-      点击截图
+      点击截图并替换显示下方图片
     </button>
     <image style="margin-top: 20px;" :src="snapImage" mode="aspectFit" @longpress="saveToAlbum"></image>
   </view>
@@ -24,16 +19,6 @@
       }
     },
     methods: {
-
-      changeViewStyle() {
-        const text = uni.getElementById('text')!
-        text.style.setProperty('color', 'red')
-
-        const view = uni.getElementById('view')!
-        view.style.setProperty('width', '90%')
-        view.style.setProperty('height', '50px')
-        view.style.setProperty('backgroundColor', '#007AFF')
-      },
       takeSnapshotClick() {
         const view = uni.getElementById('snapshot-content')!
         view.takeSnapshot({

pages/template/list-news/list-news.uvue

@@ -7,9 +7,9 @@
     </list-item>
     <sticky-header>
       <view style="width: 100%;height:44px;background-color: #f5f5f5;flex-direction: row;justify-content:center;align-items:center;">
-        <button style="height: 40px;font-size: 13px;" v-for="(name,index) in th_item" @click="clickTH(index)">
+        <text v-for="(name,index) in th_item" @click="clickTH(index)" style="margin-right: 20px;">
           {{name}}
-        </button>
+        </text>
       </view>
     </sticky-header>
     <list-item v-for="(value, index) in listData" :key="index">