pdf样式开发

common/styles/global/components.scss

@@ -333,7 +333,17 @@ box-shadow: 0 1rpx 3rpx 0 #227ECE;box-sizing: border-box;padding: 4rpx 10rpx 0;}
 		 p{margin: 16rpx 0;padding: 0;}
 	}
 	uni-video{margin: 0 auto;display: block;margin-bottom: 24rpx;}
-	.pdf-container{border: 0;}
+	.pdf-container{
+		border: 0;
+		.pdf-btn-box{
+			icon{
+			  width: 46rpx;height: 46rpx;@include dljt-no-repeat-cover;vertical-align: top;
+			  background-image: url("@/static/images/common/link-icon.png");}
+			text{
+				color: #00369a;display: inline-block;vertical-align: middle;margin-right: 10rpx;margin-left: 16rpx;
+				line-height: 30rpx;text-decoration: none;padding: 12rpx 0;vertical-align: top;}
+			}
+	}
 }
 
 /* 分类 */

components/MtaPDF.vue

@@ -1,6 +1,6 @@
 <template>
 	<view class="pdf-container" v-if="pdfUrl">
-		<button @click="handleOpen">PDF预览</button>
+		<view class="pdf-btn-box" @click="handleOpen"><icon></icon><text>pdf预览</text></view>
 	</view>
 	<uni-popup class="dljt-pdf-popup" ref="popup" type="bottom" background-color="#fff" :mask-click="false" :animation="false">
 		<view class="pdf-popup-box">

static/images/common/pdf-icon.svg

@@ -0,0 +1 @@
+<svg t="1755243069938" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1768" width="60" height="60"><path d="M285.763 802.932v-154.182h36.415c44.937 0 84.452-47.261 84.452-106.92 0-58.883-43.388-98.397-101.497-98.397h-66.632v359.5h47.261zM285.763 609.236v-124.741h20.918c34.090 0 51.911 34.866 51.911 59.659 0 33.316-18.595 65.082-49.586 65.082h-23.243zM446.918 443.431v359.5h58.109c99.948 0 116.992-108.47 116.992-180.525 0-85.225-29.441-178.975-114.668-178.975h-60.433zM572.433 622.407c0 52.686-10.847 139.462-65.082 139.462h-13.171v-277.373h13.171c56.559 0 65.082 86.776 65.082 137.137v0.775zM714.219 802.932v-168.903h79.027v-41.063h-79.027v-108.47h87.55v-41.063h-134.037v359.5h46.487zM877.698 268.331l-56.559-55.784-122.416-123.191c-23.243-21.694-41.063-27.118-68.955-27.118h-451.699c-30.217 0-55.010 24.793-55.010 55.010v790.279c0 30.217 24.793 54.234 55.010 54.234h667.864c30.217 0 55.010-24.018 55.010-54.234v-584.187c0-24.018-7.748-35.64-23.243-55.010v0 0zM830.436 289.25h-157.282v-157.282l157.282 157.282zM856.778 907.528c0 5.423-4.648 10.847-10.847 10.847h-667.864c-6.198 0-10.847-5.423-10.847-10.847v-790.279c0-6.198 4.648-10.847 10.847-10.847 0 0 451.699 0 451.699 0v204.543c0 12.397 10.073 22.468 21.694 22.468h205.318v574.115z" p-id="1769" data-spm-anchor-id="a313x.search_index.0.i5.6ed93a81Uv7h4i" fill="#00369a" class="selected"></path></svg>