cyy-vue-material 7.0.19 → 7.0.21

package/src/package/cyy-notice/cyy-notice.vue

@@ -1,137 +1,137 @@
-<template>
-  <div>
-    <div v-if="!noticeList" :style="noDataStyle">请选择公告</div>
-    <div
-      class="noticeBox"
-      :style="{
-        marginTop: `${props.marginTop}px`,
-        marginBottom: `${props.marginBottom}px`,
-        backgroundColor: `${props.backgroundColor}`,
-      }"
-      v-else
-    >
-      <div class="notice-logo"><span>公告</span></div>
-      <div class="notice-bar"></div>
-      <div class="notice-content">
-        <swiper class="notice-list" :vertical="props.vertical" circular="true" autoplay="true" interval="5000" duration="1000">
-          <swiper-item v-for="notice in noticeList" :key="notice.noticeId">
-            <div class="swiper-item" :style="{ color: `${props.color}` }" @click="handleToNotice(notice)">
-              {{ notice.noticeTitle }}
-            </div>
-          </swiper-item>
-        </swiper>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import { isLc } from "../../utils/index.js";
-import { fetchPost } from "../../api/http.js";
-import { queryNoticePageListByPlat, queryNoticePageList } from "../../api/index.js";
-import queryString from "query-string";
-export default {
-  props: {
-    props: {
-      notice: {
-        notice: Array,
-        vertical: Boolean,
-        color: String,
-        backgroundColor: String,
-        marginTop: Number,
-        marginBottom: Number,
-      },
-    },
-  },
-  data() {
-    return {
-      noDataStyle: {
-        width: "100%",
-        height: "180px",
-        lineHeight: "180px",
-        fontSize: "30px",
-        backgroundColor: "#ccc",
-        color: "#aaa",
-        textAlign: "center",
-      },
-      noticeList: [],
-    };
-  },
-  mounted() {
-    this.getIsLc();
-  },
-  methods: {
-    getIsLc() {
-      let that = this;
-      if (isLc) {
-        return this.LcGetNotice(that);
-      }
-      return this.getNotice(that);
-    },
-    async LcGetNotice(that) {
-      const urlQuery = location.hash.replace(/[\\/#?]/g, "");
-      const parsedQuery = queryString.parse(urlQuery);
-      const query = {};
-      query.modelTagvalueId = parsedQuery["modelTagvalueId"] ?? "";
-      const url = `${queryNoticePageListByPlat}?modelTagvalueId=${query.modelTagvalueId}&noticeType=1`;
-      const res = await fetchPost(url);
-      that.noticeList = res;
-    },
-    async getNotice(that) {
-      const res = await that.http.get(`${queryNoticePageList}`, { noticeType: 1 });
-      that.noticeList = res;
-    },
-    handleToNotice(item) {
-      if (isLc) {
-        return;
-      }
-      this.$routers.push("noticeDedail", { id: item.noticeId });
-    },
-  },
-};
-</script>
-
-<style lang="less" scoped>
-.noticeBox {
-  display: flex;
-  align-items: center;
-  height: 35px;
-  box-sizing: border-box;
-  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
-  .notice-logo {
-    display: flex;
-    align-items: center;
-    padding: 0.5px 10px;
-    background: linear-gradient(270deg, #ff97bd 0%, #e50f41 100%);
-    border-radius: 10px;
-    span {
-      font-size: 10px;
-      font-family: PingFangSC-Regular, PingFang SC;
-      font-weight: 400;
-      color: #ffffff;
-      line-height: 17px;
-    }
-  }
-  .notice-bar {
-    width: 1px;
-    height: 12px;
-    border: 1px solid #d8d8d8;
-    background: #d8d8d8;
-    margin: 0 10px;
-  }
-
-  .notice-content {
-    flex: 1;
-    overflow: hidden;
-
-    .notice-list {
-      display: flex;
-      flex-direction: column;
-      height: 1.25em;
-      .swiper-item {
-        color: #999999;
-      }
-    }
-  }
-}
-</style>
+<template>
+  <div>
+    <div v-if="!noticeList" :style="noDataStyle">请选择公告</div>
+    <div
+      class="noticeBox"
+      :style="{
+        marginTop: `${props.marginTop}px`,
+        marginBottom: `${props.marginBottom}px`,
+        backgroundColor: `${props.backgroundColor}`,
+      }"
+      v-else
+    >
+      <div class="notice-logo"><span>公告</span></div>
+      <div class="notice-bar"></div>
+      <div class="notice-content">
+        <swiper class="notice-list" :vertical="props.vertical" circular="true" autoplay="true" interval="5000" duration="1000">
+          <swiper-item v-for="notice in noticeList" :key="notice.noticeId">
+            <div class="swiper-item" :style="{ color: `${props.color}` }" @click="handleToNotice(notice)">
+              {{ notice.noticeTitle }}
+            </div>
+          </swiper-item>
+        </swiper>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { isLc } from "../../utils/index.js";
+import { fetchPost } from "../../api/http.js";
+import { queryNoticePageListByPlat, queryNoticePageList } from "../../api/index.js";
+import queryString from "query-string";
+export default {
+  props: {
+    props: {
+      notice: {
+        notice: Array,
+        vertical: Boolean,
+        color: String,
+        backgroundColor: String,
+        marginTop: Number,
+        marginBottom: Number,
+      },
+    },
+  },
+  data() {
+    return {
+      noDataStyle: {
+        width: "100%",
+        height: "180px",
+        lineHeight: "180px",
+        fontSize: "30px",
+        backgroundColor: "#ccc",
+        color: "#aaa",
+        textAlign: "center",
+      },
+      noticeList: [],
+    };
+  },
+  mounted() {
+    this.getIsLc();
+  },
+  methods: {
+    getIsLc() {
+      let that = this;
+      if (isLc) {
+        return this.LcGetNotice(that);
+      }
+      return this.getNotice(that);
+    },
+    async LcGetNotice(that) {
+      const urlQuery = location.hash.replace(/[\\/#?]/g, "");
+      const parsedQuery = queryString.parse(urlQuery);
+      const query = {};
+      query.modelTagvalueId = parsedQuery["modelTagvalueId"] ?? "";
+      const url = `${queryNoticePageListByPlat}?modelTagvalueId=${query.modelTagvalueId}&noticeType=1`;
+      const res = await fetchPost(url);
+      that.noticeList = res;
+    },
+    async getNotice(that) {
+      const res = await that.http.get(`${queryNoticePageList}`, { noticeType: 1 });
+      that.noticeList = res;
+    },
+    handleToNotice(item) {
+      if (isLc) {
+        return;
+      }
+      this.$routers.push("noticeDedail", { id: item.noticeId });
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+.noticeBox {
+  display: flex;
+  align-items: center;
+  height: 35px;
+  box-sizing: border-box;
+  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
+  .notice-logo {
+    display: flex;
+    align-items: center;
+    padding: 0.5px 10px;
+    background: linear-gradient(270deg, #ff97bd 0%, #e50f41 100%);
+    border-radius: 10px;
+    span {
+      font-size: 10px;
+      font-family: PingFangSC-Regular, PingFang SC;
+      font-weight: 400;
+      color: #ffffff;
+      line-height: 17px;
+    }
+  }
+  .notice-bar {
+    width: 1px;
+    height: 12px;
+    border: 1px solid #d8d8d8;
+    background: #d8d8d8;
+    margin: 0 10px;
+  }
+
+  .notice-content {
+    flex: 1;
+    overflow: hidden;
+
+    .notice-list {
+      display: flex;
+      flex-direction: column;
+      height: 1.25em;
+      .swiper-item {
+        color: #999999;
+      }
+    }
+  }
+}
+</style>

package/src/package/cyy-search/cyy-search.vue

@@ -1,57 +1,57 @@
-<template>
-  <div style="overflow: hidden">
-    <div :style="[computedStyle]" @click="goSearch">
-      <img :src="props.icon" alt="" style="width: 20px; height: 20px; margin-top: 7px; margin-right: 10px" v-if="props.iconShow" />
-      <div style="flex: 1" :style="{ color: props.fontColor }">{{ props.value }}</div>
-    </div>
-  </div>
-</template>
-
-<script>
-import pick from "lodash-es/pick.js";
-import omit from "lodash-es/omit.js";
-import { handlePlat, isLc } from "../../utils/index.js";
-
-export default {
-  name: "cyy-search",
-  props: {
-    props: {
-      value: String,
-      fontColor: String,
-      iconShow: Boolean,
-      backgroundColor: String,
-      icon: String,
-      marginTop: Number,
-      marginBottom: Number,
-    },
-  },
-  mounted() {
-    console.log(this.props, 2008);
-  },
-  computed: {
-    computedStyle() {
-      const variates = ["marginTop", "marginBottom"];
-      const params = pick(this.props, variates);
-      const resetProps = omit(this.props, variates);
-
-			return {
-				...handlePlat(params),
-				...resetProps,
-				display: 'flex',
-				height: '34px',
-				lineHeight: '34px',
-				paddingLeft: '20px',
-				borderRadius: "30px",
-			};
-		}
-	},
-	methods: {
-		goSearch() {
-			if (isLc) {
-				return;
-			}
-			this.$emit("ToSearch");
-		}
-	}
-};
-</script>
+<template>
+  <div style="overflow: hidden">
+    <div :style="[computedStyle]" @click="goSearch">
+      <img :src="props.icon" alt="" style="width: 20px; height: 20px; margin-top: 7px; margin-right: 10px" v-if="props.iconShow" />
+      <div style="flex: 1" :style="{ color: props.fontColor }">{{ props.value }}</div>
+    </div>
+  </div>
+</template>
+
+<script>
+import pick from "lodash-es/pick.js";
+import omit from "lodash-es/omit.js";
+import { handlePlat, isLc } from "../../utils/index.js";
+
+export default {
+  name: "cyy-search",
+  props: {
+    props: {
+      value: String,
+      fontColor: String,
+      iconShow: Boolean,
+      backgroundColor: String,
+      icon: String,
+      marginTop: Number,
+      marginBottom: Number,
+    },
+  },
+  mounted() {
+    console.log(this.props, 2008);
+  },
+  computed: {
+    computedStyle() {
+      const variates = ["marginTop", "marginBottom"];
+      const params = pick(this.props, variates);
+      const resetProps = omit(this.props, variates);
+
+			return {
+				...handlePlat(params),
+				...resetProps,
+				display: 'flex',
+				height: '34px',
+				lineHeight: '34px',
+				paddingLeft: '20px',
+				borderRadius: "30px",
+			};
+		}
+	},
+	methods: {
+		goSearch() {
+			if (isLc) {
+				return;
+			}
+			this.$emit("ToSearch");
+		}
+	}
+};
+</script>

package/src/package/cyy-slider/cyy-slider.vue

@@ -1,117 +1,117 @@
-<template>
-	<div>
-		<div v-if="lowCode">
-			<div class="lowCode-warp" :style="[sliderStyle]">
-				<img :src="resultArr[0]['imgUrl']" alt="" style="width: 100%" />
-				<ul>
-					<li v-for="(item, index) in resultArr" :key="cyy"></li>
-				</ul>
-			</div>
-		</div>
-		<div v-else>
-			<swiper
-				:indicator-dots="true"
-				:autoplay="props.autoplay"
-				:interval="props.autoplayInterval"
-				:vertical="reDirection"
-				:circular="props.loop"
-				:style="{
-					height: imgH + 'rpx'
-				}"
-			>
-				<swiper-item
-					v-for="(item, index) in resultArr"
-					:key="cyy"
-					:style="[sliderStyle, { boxSizing: 'border-box' }]"
-				>
-					<img :src="item.imgUrl" alt="" mode="widthFix" style="width: 100%" />
-				</swiper-item>
-			</swiper>
-		</div>
-	</div>
-</template>
-<script>
-import { handlePlat, isLc } from '../../utils/index.js';
-import { isEmpty, isUndefined } from 'lodash-es';
-import pick from 'lodash-es/pick';
-
-export default {
-	name: 'cyy-slider',
-	data() {
-		return {
-			lowCode: isLc
-		};
-	},
-	props: {
-		props: {
-			autoplay: Boolean,
-			autoplayInterval: Number,
-			direction: String,
-			loop: Boolean,
-			selectImg: Array,
-			defaultValue: Array,
-			imgHeight: Object,
-			marginTop: Number,
-			marginBottom: Number
-		}
-	},
-	computed: {
-		resultArr() {
-			const { selectImg, defaultValue } = this.props;
-			const computedArr = selectImg
-				.filter((item) => !isUndefined(item))
-				.filter(
-					(item) => !Object.values(item).every((citem) => isUndefined(citem))
-				);
-			let arr = defaultValue;
-			if (!isEmpty(computedArr)) {
-				arr = computedArr;
-			}
-			return arr;
-		},
-		imgH() {
-			const { imgHeight } = this.props;
-			return (imgHeight.height / imgHeight.width) * 750;
-		},
-		sliderStyle() {
-			const variates = ['marginTop', 'marginBottom'];
-			const params = pick(this.props, variates);
-
-			return {
-				...handlePlat(params)
-			};
-		},
-		reDirection() {
-			const { direction } = this.props;
-			return direction !== 'horizontal';
-		}
-	}
-};
-</script>
-
-<style>
-.lowCode-warp {
-	position: relative;
-}
-
-.lowCode-warp ul {
-	position: absolute;
-	bottom: 10px;
-	text-align: center;
-	width: 100%;
-	padding: 0;
-}
-
-.lowCode-warp li {
-	display: inline-block;
-	width: 8px;
-	height: 8px;
-	border-radius: 50%;
-	background-color: rgba(0, 0, 0, 0.3);
-	margin: 0 4px;
-}
-
-.lowCode-warp li:first-child {
-	background-color: #000000;
-}
-</style>
+<template>
+	<div>
+		<div v-if="lowCode">
+			<div class="lowCode-warp" :style="[sliderStyle]">
+				<img :src="resultArr[0]['imgUrl']" alt="" style="width: 100%" />
+				<ul>
+					<li v-for="(item, index) in resultArr" :key="cyy"></li>
+				</ul>
+			</div>
+		</div>
+		<div v-else>
+			<swiper
+				:indicator-dots="true"
+				:autoplay="props.autoplay"
+				:interval="props.autoplayInterval"
+				:vertical="reDirection"
+				:circular="props.loop"
+				:style="{
+					height: imgH + 'rpx'
+				}"
+			>
+				<swiper-item
+					v-for="(item, index) in resultArr"
+					:key="cyy"
+					:style="[sliderStyle, { boxSizing: 'border-box' }]"
+				>
+					<img :src="item.imgUrl" alt="" mode="widthFix" style="width: 100%" />
+				</swiper-item>
+			</swiper>
+		</div>
+	</div>
+</template>
+<script>
+import { handlePlat, isLc } from '../../utils/index.js';
+import { isEmpty, isUndefined } from 'lodash-es';
+import pick from 'lodash-es/pick';
+
+export default {
+	name: 'cyy-slider',
+	data() {
+		return {
+			lowCode: isLc
+		};
+	},
+	props: {
+		props: {
+			autoplay: Boolean,
+			autoplayInterval: Number,
+			direction: String,
+			loop: Boolean,
+			selectImg: Array,
+			defaultValue: Array,
+			imgHeight: Object,
+			marginTop: Number,
+			marginBottom: Number
+		}
+	},
+	computed: {
+		resultArr() {
+			const { selectImg, defaultValue } = this.props;
+			const computedArr = selectImg
+				.filter((item) => !isUndefined(item))
+				.filter(
+					(item) => !Object.values(item).every((citem) => isUndefined(citem))
+				);
+			let arr = defaultValue;
+			if (!isEmpty(computedArr)) {
+				arr = computedArr;
+			}
+			return arr;
+		},
+		imgH() {
+			const { imgHeight } = this.props;
+			return (imgHeight.height / imgHeight.width) * 750;
+		},
+		sliderStyle() {
+			const variates = ['marginTop', 'marginBottom'];
+			const params = pick(this.props, variates);
+
+			return {
+				...handlePlat(params)
+			};
+		},
+		reDirection() {
+			const { direction } = this.props;
+			return direction !== 'horizontal';
+		}
+	}
+};
+</script>
+
+<style>
+.lowCode-warp {
+	position: relative;
+}
+
+.lowCode-warp ul {
+	position: absolute;
+	bottom: 10px;
+	text-align: center;
+	width: 100%;
+	padding: 0;
+}
+
+.lowCode-warp li {
+	display: inline-block;
+	width: 8px;
+	height: 8px;
+	border-radius: 50%;
+	background-color: rgba(0, 0, 0, 0.3);
+	margin: 0 4px;
+}
+
+.lowCode-warp li:first-child {
+	background-color: #000000;
+}
+</style>