gxd-uni-library-editx 1.0.0

package/src/dome/dome/item.vue

@@ -0,0 +1,236 @@
+<template>
+  <xd-layout
+    title="NoticeBar 通告栏"
+    background="#f8f8f8"
+    :show-bar="true"
+    @back="back"
+  >
+    <view class="app-content">
+      <view class="app-list">
+        <view v-for="(item,index) in cinemaList" :key="index">
+          <xd-item-film-text
+            :address="item.address"
+            :name="item['cinema_name']"
+            :distance="item.distance"
+            :type="item['cinema_type'] === '1'"
+            :type-name="item['cinema_type_name']"
+          ></xd-item-film-text>
+      </view>
+      </view>
+      <view class="app-list">
+        <view v-for="(item,index) in filmList" :key="index">
+          <xd-item-film-image
+            :btn-type="item.star?'primary':'subPrimary'"
+            :item="item"
+            :name="item.name"
+            :director="item.director"
+            :type="item.type"
+            :performer="item.performer"
+            :play-time="!item.star?item.play_time: ''"
+            :star="item.star"
+            :src="item.url"
+            @click="handleClick"
+          >
+            <template slot="btn" v-if="item.star">购票</template>
+            <template slot="btn" v-else>预售</template>
+          </xd-item-film-image>
+        </view>
+      </view>
+      <view class="app-list">
+        <view v-for="(item,index) in [1,2]" :key="index">
+          <xd-item-store
+            image="/static/logo1.png"
+            flag-name="热门"
+            distance="59.38km"
+            name="爱的礼物"
+            address="地址: 润旭商贸楼2单元110423232323"
+            time="08:00-09:00"
+            tel="010-86209320"
+            :type-name="['自提','配送']"
+          ></xd-item-store>
+        </view>
+      </view>
+      <view class="app-list-landscape">
+        <view v-for="(item,index) in [1,2]" :key="index">
+          <xd-shop-item :item="null"></xd-shop-item>
+        </view>
+      </view>
+      <view class="app-list">
+        <view v-for="(item,index) in [1,2]" :key="index">
+          <xd-store-item :item="null" dir="portrait"></xd-store-item>
+        </view>
+      </view>
+      <view class="app-list-hn">
+        <xd-item-card-user :item="null"></xd-item-card-user>
+      </view>
+      <view class="app-list-hn">
+        <xd-item-user-info :item="null"></xd-item-user-info>
+      </view>
+      <view class="app-list">
+        <xd-item-physical
+          @onMore="handleMore"
+          @onOrganization="handleOrganization"
+          @onPackage="handlePackage"
+        ></xd-item-physical>
+      </view>
+      <view class="app-list">
+        <xd-item-physical-pack
+          @onMore="handleMore"
+          @onOrganization="handleOrganization"
+          @onPackage="handlePackage"
+        ></xd-item-physical-pack>
+      </view>
+      <view class="app-list">
+        <xd-key-value
+          :item="null"
+        ></xd-key-value>
+      </view>
+    </view>
+  </xd-layout>
+</template>
+
+<script>
+  import XdLayout from "@/components/XdLayout/XdLayout";
+  import XdItemFilmText from "@/components/XdItemFilmText/XdItemFilmText";
+  import XdItemFilmImage from "@/components/XdItemFilmImage/XdItemFilmImage";
+  import XdItemStore from "@/components/XdItemStore/XdItemStore";
+  import XdStoreItem from "@/components/XdStoreItem/XdStoreItem";
+  import XdItemCardUser from "@/components/XdItemCardUser/XdItemCardUser";
+  import XdItemUserInfo from "@/components/XdItemUserInfo/XdItemUserInfo";
+  import XdItemPhysical from "@/components/XdItemPhysical/XdItemPhysical";
+  import XdItemPhysicalPack from "@/components/XdItemPhysicalPack/XdItemPhysicalPack";
+  import XdKeyValue from "@/components/XdKeyValue/XdKeyValue";
+
+  export default {
+    name: "XdNoticePage",
+    components: {
+      XdKeyValue,
+      XdItemPhysicalPack,
+      XdItemPhysical,
+      XdItemUserInfo,
+      XdItemCardUser,
+      XdStoreItem,
+      XdItemStore,
+      XdItemFilmImage,
+      XdItemFilmText,
+      XdLayout,
+    },
+    data() {
+      return {
+        filmList: [
+          {
+            url: 'https://gw.alicdn.com/tfscom/i2/O1CN01UXmwR51GX2YnjBN8n_!!6000000000631-0-alipicbeacon.jpg',
+            name: '复仇者联盟4：终局之战 Avengers: Endgame',
+            type: '剧情 / 动作 / 科幻 / 奇幻 / 冒险',
+            star: 7.6,
+            play_time: '2019/12/20',
+            director: '安东尼·罗素 / 乔·罗素',
+            performer: '小罗伯特·唐尼 / 克里斯·埃文斯 / 马克·鲁弗洛',
+          },
+          {
+            url: 'https://gw.alicdn.com/tfscom/i2/O1CN01UXmwR51GX2YnjBN8n_!!6000000000631-0-alipicbeacon.jpg',
+            name: '复仇者联盟4：终局之战 Avengers: Endgame',
+            type: '剧情 / 动作 / 科幻 / 奇幻 / 冒险',
+            star: 7.6,
+            play_time: '2019/12/20',
+            director: '安东尼·罗素 / 乔·罗素',
+            performer: '小罗伯特·唐尼 / 克里斯·埃文斯 / 马克·鲁弗洛',
+          },
+
+        ],
+        cinemaList: [
+          {
+            id: '22',
+            address: '地址：通州区定海园二里新城商厦四层4004',
+            cinema_name: '华夏天合影城',
+            cinema_type_name: '在线选座',
+            cinema_type: '1',
+            distance: '27.8km',
+          },
+          {
+            id: '23',
+            address: '地址：通州区台湖镇次渠北东石东四路2号院11号楼-2层',
+            cinema_name: '新影联长天影城（城市之光店）',
+            cinema_type_name: '兑换',
+            cinema_type: '2',
+            distance: '34.84km',
+          },
+
+        ]
+      }
+    },
+    created(){
+
+    },
+    methods: {
+      handleClick(item){
+        console.log(item)
+      },
+
+      handleMore(item){
+        console.log('handleMore' , item)
+      },
+
+      handleOrganization(item){
+        console.log('handleOrganization', item)
+      },
+
+      handlePackage(item) {
+        console.log('handlePackage', item)
+      },
+
+      back(){
+        this.$xdUniHelper.navigateBack()
+      },
+
+    }
+  }
+</script>
+
+<style scoped lang="less">
+  .app-content {
+    padding: unit(20,rpx);
+    box-sizing: border-box;
+  }
+
+  .app-list-landscape {
+    margin-bottom: unit(20, rpx);
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+
+    & > view {
+      width: 48%;
+    }
+  }
+
+  .app-list-hn {
+    margin-bottom: unit(20,rpx);
+    background: #fff;
+    padding: unit(20,rpx);
+  }
+
+  .app-content-list1 {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    flex-flow: wrap;
+
+    & > view:nth-child(4n) {
+      margin-right: 0;
+    }
+
+     & > view {
+       margin: 0 unit(15, rpx) unit(15, rpx) 0;
+     }
+
+  }
+
+  .app-list {
+    padding: unit(20,rpx) 0;
+
+    & > view {
+      margin: 0 0 unit(15, rpx) 0;
+    }
+  }
+</style>

package/src/dome/dome/json/json.vue

@@ -0,0 +1,88 @@
+<template>
+  <xd-layout
+    title="JSON查看"
+    background="#f8f8f8"
+    :show-bar="true"
+    :show-footer="false"
+    @back="back"
+  >
+  <xd-json :list="list"></xd-json>
+  </xd-layout>
+</template>
+
+<script>
+  import XdLayout from "@/components/XdLayout/XdLayout";
+  import XdJson from "@/components/XdJson/XdJson";
+
+  export default {
+    name: "AppXdJson",
+    components: {
+      XdLayout,
+      XdJson
+    },
+    data() {
+      return {
+        list: [
+          {
+            "id": 95211,
+            "name": "高世勇",
+            "province_code": "1",
+            "city_code": "jfb1",
+            "area_code": "2812",
+            "street_code": "51130",
+            "province_name": "北京",
+            "city_name": "北京",
+            "area_name": "顺义区",
+            "street_name": "光明街道",
+            "address_detail": "多多岛萨阿德",
+            "phone": "15110208397",
+            "is_default": 1,
+            "tag": null,
+            "tag_name": "",
+            "dangaoss_addr_id": "",
+            "is_select": "N"
+          }, {
+            "id": 88949,
+            "name": "高世勇",
+            "province_code": "18",
+            "city_code": "1511",
+            "area_code": "1512",
+            "street_code": "31331",
+            "province_name": "湖南",
+            "city_name": "邵阳市",
+            "area_name": "武冈市",
+            "street_name": "秦桥镇",
+            "address_detail": "1111",
+            "phone": "15110208397",
+            "is_default": 0,
+            "tag": 1,
+            "tag_name": "家庭",
+            "dangaoss_addr_id": "1508751",
+            "is_select": "Y"
+          }
+        ]
+      }
+    },
+    onLoad(){
+
+      this.$logger('test001', this.list);
+      this.$logger('test002', this.list);
+      setTimeout(()=>{
+        this.$logger('test003', this.list);
+      }, 2000)
+
+    },
+    methods: {
+      back(){
+        this.$xdUniHelper.navigateBack()
+      },
+    }
+  }
+</script>
+
+<style scoped lang="less">
+  .app-body{
+
+  }
+
+</style>

package/src/dome/dome/layout.vue

@@ -0,0 +1,105 @@
+<template>
+  <xd-layout
+    title="框架页面"
+    background="#f8f8f8"
+    :show-bar="true"
+    :show-footer="true"
+    :show-back="false"
+    :is-slot-top-bar="true"
+    @back="back"
+
+    :search-logo="null"
+    :is-search="true"
+    :is-search-cannel="true"
+    @onToSearch="handleToSearch"
+    @onSearch="handleSearch"
+
+
+    :top-height="topHeight"
+    :bottom-height="bottomHeigth"
+
+    @done="handleDone"
+
+  >
+    <view class="app-body">
+      <xd-no-data height="50vh"></xd-no-data>
+    </view>
+    <template slot="topBar">
+      <view style="width: 100%; text-align: center; color: #fff">bar slot</view>
+    </template>
+  </xd-layout>
+</template>
+
+<script>
+
+  import XdLayout from "@/components/XdLayout/XdLayout";
+  import XdTimeLine from "@/components/XdTimeLine/XdTimeLine";
+  import XdNoData from "@/components/XdNoData/XdNoData";
+
+  export default {
+		components: {
+      XdNoData,
+      XdTimeLine,
+      XdLayout
+    },
+
+		data() {
+			return {
+        url: "",
+        path: "",
+        searchStyle :{
+          background: '#efefef',
+          color: '#333',
+          padding: '0 20rpx'
+        },
+        searchLogo: {
+          title: '聚福宝燕郊',
+          logo: 'https://jfb-public-images.oss-cn-qingdao.aliyuncs.com/20200812113838963.png?x-oss-process=style/common'
+        },
+        topHeight:0,
+        bottomHeigth:0,
+        keyword: ''
+      }
+		},
+
+		created() {
+
+		},
+		methods: {
+      handleDone(params){
+        console.log('handleDone', params);
+      },
+
+      back(){
+        console.log('back')
+        this.$xdUniHelper.navigateBack()
+      },
+
+      handleToSearch(){
+        // this.$xdUniHelper.navigateTo({
+        //   url: '/main/cart/cart'
+        // })
+      },
+
+      handleSearch(params){
+        console.log('handleSearch', params);
+        this.keyword = params['keyword']
+      }
+
+    }
+	}
+</script>
+
+<style lang="less">
+  .app-body {
+    min-height: unit(100vh,rpx);
+  }
+  .app-time-line {
+    padding: unit(20,rpx);
+    & > view {
+      padding-bottom: unit(20,rpx);
+    }
+  }
+
+
+</style>

package/src/dome/dome/line.vue

@@ -0,0 +1,113 @@
+<template>
+  <xd-layout
+    title="时间线展示"
+    background="#f8f8f8"
+    :show-bar="true"
+    :show-footer="false"
+    @back="back"
+  >
+    <view class="app-time-line">
+      <view>
+        <xd-time-line
+          dot-color="#666"
+        >
+          <view>A</view>
+          <view>A</view>
+          <view>A</view>
+          <view>A</view>
+          <view>A</view>
+          <view>A</view>
+        </xd-time-line>
+      </view>
+      <view>
+        <xd-time-line
+          dot-color="#666"
+        >
+          <view>A</view>
+          <view>A</view>
+          <view>A</view>
+          <view>A</view>
+          <view>A</view>
+          <view>A</view>
+        </xd-time-line>
+      </view>
+      <view>
+        <xd-time-line
+          dot-color="#666"
+        >
+          <view>A</view>
+          <view>A</view>
+          <view>A</view>
+          <view>A</view>
+          <view>A</view>
+          <view>A</view>
+        </xd-time-line>
+      </view>
+    </view>
+  </xd-layout>
+</template>
+
+<script>
+
+  import XdLayout from "@/components/XdLayout/XdLayout";
+  import XdTimeLine from "@/components/XdTimeLine/XdTimeLine";
+
+  export default {
+		components: {
+      XdTimeLine,
+      XdLayout
+    },
+
+		data() {
+			return {
+        url: "",
+        path: ""
+      }
+		},
+
+		created() {
+
+		},
+		methods: {
+      chooseImage() {
+        uni.chooseImage({
+          success: (res) => {
+            console.log(res)
+            // 设置url的值，显示控件
+            this.url = res.tempFilePaths[0];
+            this.path = res.tempFilePaths[0];
+          }
+        });
+      },
+      onok(ev) {
+        this.path = ev.detail.tempFilePath[0];
+        this.url = "";
+      },
+      oncancle() {
+        this.url = "";
+      },
+
+      back(){
+        this.$xdUniHelper.navigateBack()
+      },
+
+      handleClick(url){
+        uni.previewImage({
+          urls: [url]
+        })
+      }
+    }
+	}
+</script>
+
+<style lang="less">
+
+  .app-time-line {
+    padding: unit(20,rpx);
+    & > view {
+      padding-bottom: unit(20,rpx);
+    }
+  }
+
+
+</style>

package/src/dome/dome/map/search.vue

@@ -0,0 +1,70 @@
+<template>
+  <xd-layout
+    :title="title"
+    background="#f8f8f8"
+    :show-bar="true"
+    :show-back="true"
+    :show-footer="false"
+    @back="back"
+    @done="handleDone"
+  >
+    <template v-if="layoutDone">
+      <view class="app-body">
+        <xd-baidu-search
+          @onSelect="handleSelect"
+        ></xd-baidu-search>
+      </view>
+    </template>
+  </xd-layout>
+</template>
+
+<script>
+  import XdLayout from "@/components/XdLayout/XdLayout";
+  import XdBaiduSearch from "@/components/XdBaiduSearch/XdBaiduSearch";
+
+  export default {
+    name: "appBaiduSearch",
+    components: {
+      XdBaiduSearch,
+      XdLayout,
+    },
+    data() {
+      return {
+        top: 0, //顶部到顶部自定义位置距离
+        bottom: 0, //底部到底部自定义位置距离
+        layoutDone: false, //layout插件加载完成
+
+        title: '定位',
+        isFirst: false,
+
+      }
+    },
+    created(){
+
+    },
+
+    methods: {
+      handleSelect(select){
+        this.$bus.$emit('onUserLocation', select);
+        this.back();
+      },
+
+      handleDone(layoutInfo) {
+        let {bottom, top} = layoutInfo;
+        this.bottom = bottom;
+        this.layoutDone = true;
+      },
+
+      back() {
+        this.$xdUniHelper.navigateBack()
+      },
+
+    }
+  }
+</script>
+
+<style scoped lang="less">
+  .app-body {
+    height: 100%;
+  }
+</style>